html - hover is not working on child element -

-

मेरे पास div के नीचे div है 

  & lt; div id = "places" & gt; & Lt; div id = "h- dragbar" & gt; & lt; / div & gt; & Lt; / div & gt;

और नीचे के रूप में सीएसएस 

  #locations {ऊंचाई: 50px; चौड़ाई: 100%; स्थिति: रिश्तेदार; Z- इंडेक्स: -1; } # H- dragbar {पृष्ठभूमि-रंग: काला; चौड़ाई: 100%; ऊंचाई: 3px; स्थिति: पूर्ण; कर्सर: पंक्ति-आकार बदलना; नीचे: 0; Z- इंडेक्स: 99 9; } # एच-ड्रैगरबार: होवर {पृष्ठभूमि-रंग: नीला; }

लेकिन आईडी h-dragbar के साथ div पर होवर नहीं चल रहा है आप यहां कोड का परीक्षण कर सकते हैं।

मैं क्या कर रहा हूँ गलत? अग्रिम धन्यवाद।

नया उदाहरण jsFiddle में जो आपने प्रदान किया है, आप < कोड> z- अनुक्रमणिका का -1 मूल पैर यानी #locations के लिए है, इसलिए आप अपने बच्चे div पर होवर फ़ंक्शन को करने में असमर्थ हैं # ज-dragbar । आपको नकारात्मक z- अनुक्रमणिका को #locations पर निकालना होगा और फिर यह ठीक काम करेगा।

अपडेट:

मैंने आपके नवीनतम बेला की जांच की है और # v-dragbar zlinks के लिए एक नकारात्मक z-index का उपयोग करने की बजाय , आप उच्च z-index के लिए # v-dragbar का उपयोग कर प्राप्त कर सकते हैं, उदाहरण के लिए z- अनुक्रमणिका: 99 99 , और अपेक्षाकृत छोटा z- अनुक्रमणिका के लिए #locations , उदाहरण के लिए z-index: 9998 । यह पूरी तरह से इस तरह से काम करेंगे 

 
 
 
  बॉडी {चौड़ाई: 100%; ऊंचाई: 500 पीएक्स; } # वेपर {चौड़ाई: 100%; ऊंचाई: 100%; } # एक्सप्लोरर {चौड़ाई: 13%; न्यूनतम ऊंचाई: 100%; ऊंचाई: 100%; स्थिति: रिश्तेदार; बाईंओर तैरना; } # V-dragbar {पृष्ठभूमि-रंग: काला; ऊंचाई: 100%; सही नाव; चौड़ाई: 2px; कर्सर: रंग-आकार बदलना; Z- सूचकांक: 99 99; स्थिति: रिश्तेदार; } # H- dragbar {पृष्ठभूमि-रंग: काला; चौड़ाई: 100%; ऊंचाई: 2px; कर्सर: पंक्ति-आकार बदलना; स्थिति: पूर्ण; नीचे: 0; Z- इंडेक्स: 99 9; } # एच-ड्रैगरबार: होवर {पृष्ठभूमि-रंग: नीला; } # वी-ड्रैगरबार: होवर {पृष्ठभूमि-रंग: नीला; } # स्थान {ऊंचाई: 50%; चौड़ाई: 100%; स्थिति: रिश्तेदार; Z- इंडेक्स: 99 9 8 9; / * Imp * /}  
  & lt; div id = "wrapper" & gt; & Lt; div id = "explorer" & gt; & Lt; div id = "v-dragbar" & gt; & lt; / div & gt; & Lt; span शैली = "स्पष्ट: दोनों;" & gt; & lt; / span & gt; & Lt; div id = "स्थानों" & gt; & Lt; div id = "h- dragbar" & gt; & lt; / div & gt; & Lt; / div & gt; & Lt; div id = "डेटापॉइंट" & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; div id = "explorer" & gt; & Lt; / div & gt; & Lt; / div & gt;


Comments

Post a Comment

Popular posts from this blog

java - Can't add JTree to JPanel of a JInternalFrame -

-
Image
There are two panels in my JInternalframe. I want to add TopPanel to Jtree to nominate another. But I can not add Jaitari to the top of the panel. Please help me in this piece of code: DefaultMutableTreeNode root = new DefaultMutableTreeNode ("deck"); DefaultMutableTreeNode Item Clubs = New DefaultMutableTreeNode ("Club"); AddAllCard (itemClubs); Root.add (itemClubs); DefaultMutableTreeNode item = New DefaultMutableTreeNode ("Diamonds"); AddAllCard (itemDiamonds); Root.add (itemDiamonds); DefaultMutableTreeNode Itemspads = New DefaultMutableTreeNode ("Spades"); AddAllCard (itemSpades); Root.add (itemSpades); DefaultMutableTreeNode item increases = new DefaultMutableTreeNode ("heart"); AddAllCard (itemHearts); Root.add (itemHearts); Default Trimodel Tree Model = New DefaultTreeModel (Route); Tree = new jetty (tree modal); ScrollPane = new JScrollPane (tree); // scrollPane.setViewportView (tree); . ScrollPane.getViewport () add (tr...
Read more

asp.net mvc - How to attach sql database to a javascript graph -

-
I am creating a website using asp mvc5 and I need to show some data on a view using the graph I have implemented a graph using javascript. & lt; Head & gt; & Lt; Script src = "../../ js / jquery-1.11.1.min.js" & gt; & Lt; / Script & gt; & Lt; Script src = "../../JS/chart.cript.js" & gt; & Lt; / Script & gt; @ * & Lt; Link rel = "stylesheet" href = "../../ css / last stylesheet css" & gt; * @ & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div class = "col-md-12" & gt; & Lt; Div class = "panel-panel-default" & gt; & Lt; Div class = "panel-title" & gt; Daily booking & lt; / Div & gt; @ * & Lt; Div class = "panel-body" & gt; * @ @ * & Lt; Div class = "col-lg-2" & gt; & Lt; / Div & gt; & Lt; Div class = "col-lg-8" style = "background-color: # 4876FF;" & G...
Read more

c# - How to know the number of Threads created and limit the Tasks accordingly -

-
It is very clear that with task as async / await Instead of calling the asynchronous call threads , my question is: Is there a way to monitor threads while completing these tasks? This is because I can decide an optimal number of times for the thread that the thread does not eat too many CPU cycles at the same time (the CPU is intensive to handle the work). We take an example below (output is also mentioned) Although the program is completed in 5 seconds, but it has two threads (id = 1,4 ) if I increase the number of 6 instead of 2, then it creates 4 threads I know that this is the CLR thread OS thread (which is 4 in my machine Are), but I would like to know how they are mapped O (with actions) and use the same CPU. Is there any way to get it? Test code Fixed zero main (string [] args) {RunTasksWithDelays (). ); } Static async Task Run Task with Dislay () {Stopwatch S = Stopwatch. Startup (); Console.light line ("thread id =" + thread.content.trade.manag...
Read more