[बंद] - एचटीएमएल, सीएसएस, डिज़ाइन, मेनू, ओपनकार्ट पर हमेशा होवर प्रभाव सक्रिय करने के लिए मेनू कैसे सेट करें

होवर प्रभाव हमेशा रखने के लिए मेनू कैसे सेट करेंअपने माउस के साथ इसे खत्म किए बिना। लिंक में देखा गया एक डिजाइन मुद्दा है। मुझे वास्तव में डिजाइन पसंद है लेकिन मैं छवि को बदलकर इस मुद्दे को ठीक नहीं कर सकता।

तो यदि आप छवि में देखते हैं तो आपको पाठ के चारों ओर एक सफेद पृष्ठभूमि दिखाई देगी, अब यह पठनीय है। जब मैं बटन पर माउस नहीं चल रहा हूं तब भी मैं इसे सभी बटनों के लिए पसंद करूंगा।

बोनस फिक्स: फिर एक और होवर लागू करना अच्छा होगा।

अतिरिक्त जानकारी: मुझे कोड में इसे ठीक करने की आवश्यकता है क्योंकि मैं ओपनकार्ट के साथ काम कर रहा हूं और क्लाइंट को मेनू में लिंक जोड़ने, हटाने या स्थानांतरित करने का विकल्प रखना चाहता हूं।

संपर्क: http://imgur.com/owmuTyE

मुझे लगता है कि इसे सीएसएस का उपयोग करके हल किया जा सकता है लेकिन मैं इस समस्या के करीब आने का तरीका समझ नहीं सकता।

संपादित करें: डाउनवॉटिंग के बजाय एक दृष्टिकोण की व्याख्या क्यों न करें, मुझे कोड की आवश्यकता नहीं है। लेकिन यहां कोड है, यह एक साधारण ओपनकार्ट मेनू है। इसके अलावा मैं नहीं जानता कि यह कैसे करें और स्पष्ट रूप से "दृष्टिकोण" या कुछ ऐसा ढूंढ रहा हूं जैसे: #menu {होवर: ऑन}, एक फ़ंक्शन जिसे मैं अभी तक नहीं जानता।

#menu {
border-bottom: 1px solid #000000;
height: 50px;
margin-bottom: 15px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;
padding: 0px 5px;
background-image: url(../../../../../../geschenkenpakket/repakkettenuitgelichtenbtwvoltooing/menu/menu.png);

#menu > ul > li:hover > a {
background: #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

उत्तर:

जवाब के लिए 0 № 1

सुनिश्चित नहीं है कि इससे समस्या हल हो जाएगी, लेकिन कुछ तत्व राज्य कक्षाओं द्वारा भी सेट किए जा सकते हैं। इस :hover इसलिए राज्य भी हो सकता है नकली एक वर्ग जोड़कर hover उस से <li> तत्व और सीएसएस में इस वर्ग व्यवहार को परिभाषित करना।

आपके मामले में आप यह कर सकते हैं - बदलें

#menu > ul > li:hover > a {

में

#menu > ul > li:hover > a,
#menu > ul > li.hover > a {

और एक वर्ग जोड़ें hover को <li> तत्व आप उस पर होवर चाहते हैं:

<li class="hover">

यदि आप "एक अलग होवर व्यवहार करना चाहते हैं, तो बस बदलें

#menu > ul > li:hover > a {

में

#menu > ul > li.hover > a {

और के लिए नई सीएसएस शैलियों को परिभाषित करें

#menu > ul > li:hover > a

---