html - How to inverse hover a hotspotted image? -


मेरे पास एक hotspotted छवि है जैसा कि निम्न है: 

  & lt; div class = "hotspotted" & gt; & Lt; आईएमजी ऊंचाई = "100%" चौड़ाई = "100%" src = "पहेली_होस्स्पॉट.png" / & gt; & Lt; a href = "a.html" id = "hotspot1" वर्ग = "हॉटस्पॉट" & gt; & lt; / a & gt; & Lt; a href = "b.html" id = "hotspot2" वर्ग = "हॉटस्पॉट" & gt; & lt; / a & gt; & Lt; / div & gt;   
 मुझे वह पसंद है, जब मैं हॉटस्पॉट 1 पर फ़िसल जाता हूं, तो बाकी सभी पेज अंधेरे होते हैं I मैं इसे कैसे प्राप्त करूं?  
 मैंने उन पंक्तियों के साथ कुछ सोचा (लेकिन उन पंक्तियां कुछ भी नहीं):  
  .hotspot {display: block; स्थिति: पूर्ण; }। Hotspotted: एक {अस्पष्टता: 0.8; }। Hotspotted a: होवर {अस्पष्टता: 0; }    
 
 
 CSS3 समाधान  
 यह स्पष्ट है कि आप चाहते हैं उनमें से "ओवरले" के बजाय तत्वों के  अस्पष्टता  स्तर को नियंत्रित करें यह थोड़ा मुश्किल था, लेकिन मैं CSS3 के सक्षम ब्राउज़रों (आईई 9, एफएफ, क्रोम में परीक्षण) के लिए मिला एक समाधान है। निम्नलिखित का उपयोग करें (निश्चित रूप से,  अस्पष्टता  स्तर जिसे आप चाहते हैं, इसे बदला जा सकता है):  
 । हॉटस्पॉटेड & gt; आईएमजी,। हॉटस्पॉट & gt; आईएमजी ~ एक {अस्पष्टता: 0.2; / * एक हॉटस्पॉट होवरिंग करते समय "पृष्ठ" की "डिफ़ॉल्ट" अस्पष्टता। / Hotspotted: not (: hover) & gt; Img, .hotspotted: not (: hover) & gt; A, .hotspotted & gt; आईएमजी: होवर,। हॉटस्पॉटेड & gt; आईएमजी: होवर ~ ए,। हॉटस्पॉट & gt; आईएमजी ~ ए: होवर {अस्पष्टता: 1; / * सामान्य प्रदर्शन अस्पष्टता और hovered हॉटस्पॉट के * /}   
 स्पष्टीकरण  
  अस्पष्टता: 0.2  के साथ पहले दो चयनकर्ता सेट हैं इसे  .hotspotted  के अंदर सभी तत्वों के लिए "डिफ़ॉल्ट" अस्पष्टता बना दें। उसके बाद, यह डिफ़ॉल्ट अगले पांच कारकों द्वारा ओवरराइड हो जाता है पहले दो ...  
 । Hotspotted: not (: hover) & gt; Img, .hotspotted: not (: hover) & gt; एक   
 ... सुनिश्चित करें कि जब आप वेब पेज पर नहीं बोलते हैं कि सब कुछ ठोस है अगले दो ...  
 । Hotspotted & gt; आईएमजी: होवर,। हॉटस्पॉटेड & gt; Img: hover ~ a   
 ... सुनिश्चित करें कि जब आप वेबपृष्ठ में माउसओवर करते हैं, लेकिन एक हॉटस्पॉट पर  नहीं  करते हैं, तो यह सब कुछ अभी भी ठोस रहता है। फिर अंतिम एक ...  
  .hotspotted & gt; आईएमजी ~ ए: होवर   
 ... हॉटस्पॉट को इसके होवर पर ठोस रखता है, लेकिन फिर पहले दो "टेकओवर" से "डिफ़ॉल्ट" की अनुमति देता है और अन्य सभी तत्वों में फीका  .hotspotted  कंटेनर।

Comments

Post a Comment

Popular posts from this blog

java - NullPointerException for a 2d Array -

नक्शा = नया बफर्ड इमेज [चौड़ाई] [ऊंचाई]; के लिए (int i = 0; i & lt; height; i ++) {for (int j = 0; j & lt; चौड़ाई; j ++) {if (charMap [j] [i] == पर्वत। इंडेंटफार्म) {if (j + 1 & lt ; चौड़ाई और amp; amp; j-1 & gt; = 0) {if (charMap [j-1] [i]! = पर्वत। इंडेंटिफ़ायर & amp; amp; & amp; amp; charMap [j + 1] [i]! = पर्वत। इंडेंटफार्म) {नक्शा [जे] [आई] = टाइल ग्रिड [1] [10]; }} और {नक्शा [जे] [आई] = टाइल ग्रिड [8] [10]; }}} यह कोड है जिसे मैं सेल के चारों ओर प्रत्येक टाइल को चेक करके 2 डी सर की जांच करने के लिए उपयोग कर रहा हूं लेकिन मुझे लगता है कि किसी को भी सोच रहा हूँ मदद कर सकता है? मुझे संदेह है कि आपको NullPointerException को charMap [j] से प्राप्त हो रहा है [ I] == पर्वत। इंडेंटिफ़ायर लाइन। सुनिश्चित करें कि आप ज्योफ द्वारा सुझाए गए दोनों मानचित्रों के लिए आंतरिक सरणियों को प्रारंभ करते हैं।
Read more

python - Assemble mpeg file unable to play in mediaplayer -

I am currently working on a school project and I think that is to gather some problems with the MPEG file I The scope of my project is: 1) Split the MPEG file into pieces of many fixed sizes. 2) Collecting some of them and leaving some part. Problem 1: When I run the file in the media player, it will play the video until it reaches that segment which I left Give it Example: Chunk = ["yui_1", "yui_2", "yui_3", "yui_5", "yui_6"] Duration of each segment: 1 second * If you think I have left the "yui_4" section. * If I went to collect all the parts except "yui_4", then the video will play the first 2 seconds before being hanged throughout the period. Problem 2: When I gather the first part off the part, it is unable to run the full MPEG file is. Duration of each piece: 1 second Example: wheel = ["yui_2", "yui_3", "yui_4", "yui_5", "yui_6"...
Read more

c# - NameSpace Manager or XsltContent to parse aspx page -

How can I use the namespace manager or XSLT content to parse the aspx page? I am using HtmlAgilityPack I am trying to parse the aspx page to get the button and label control ID. When I try to select a node with the asp: button element, I get the following error Here is the error message: Namespace Manager or XsltContext is required This query contains a prefix, variable, or user-defined function. HtmlAgilityPack.HtmlDocument htmldoc = new HtmlAgilityPack.HtmlDocument (); String filePath = @ "C: \ webform4.aspx"; Htmldoc.load (filepath); Foreach (html.doc.DocumentNode.SelectNodes ("// div") in HtmlNode div) {Response.Write (div.Id); HtmlNode ASP ("asp: button") in foreach (div.SelectNodes) {Response.Write (asp.Id); }} My aspx page looks like: & lt;% @page language = "c #" autoevolutionwireup = "true" codebahind = "Webform 4 Aspx.cs" Inheritance = "WebApplication 1.WebForm4"%> & Lt ;...
Read more