2013-08-14 9 views
10

इम यह पता लगाने की शुरू में 50% अस्पष्टता कहना होने के लिए सभी छवियों को स्थापित करने के लिए कैसे, और फिर सीएसएस का उपयोग कर

मंडराना

पर 100% अस्पष्टता को बदलने मैं इस नियम की स्थापना की कोशिश की कोशिश कर हॉवर पर छवि की पारदर्शिता बदलने के लिए सीएसएस फ़ाइल में लेकिन यह काम नहीं करता है। मैं एक पार्स त्रुटि देता है:

img 
{ 
opacity:0.4; 
filter:alpha(opacity=40); 
} 
img:hover 
{ 
opacity:1.0; 
filter:alpha(opacity=100); 
} 
+1

यह [लिंक] (http://stackoverflow.com/questions/2244566/css-opacity-on-hover-of-div?rq=1) संभवतः – gersande

+0

की सहायता करेगा क्या हम और अधिक कोड नहीं देख रहे हैं आपकी अस्पष्टता सेटिंग्स को ओवरराइड कर सकता है? – jterry

उत्तर

17

आपका कोड एक दोस्ताना मछली के साथ इस फिडल में सत्यापित अच्छे है: http://jsfiddle.net/Qrufy/

<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Colossoma_macropomum_01.jpg/800px-Colossoma_macropomum_01.jpg" /> 

img { 
    opacity: 0.5; 
    filter: alpha(opacity=40); 
} 

img:hover { 
    opacity: 1.0; 
    filter: alpha(opacity=100); 
} 

opacity संपत्ति सभी आधुनिक ब्राउज़रों में काम करता है, और filter:alpha < को शामिल किया गया = IE8।

+1

प्रश्न के रूप में आपका कोड अलग कैसे है? – Amit

+1

यह ठीक से इंडेंट है? ओपी का कोड (कम से कम उन्होंने जो पोस्ट किया) वैध है, वह बिंदु था :) – jterry

संबंधित मुद्दे