div with image

ubuntu · 12-15-2011, 08:01 PM

i am trying to make an image act as a button when i click it so that a tooltip is shown:

css:

Code:

#pref_button {
float:right;
margin-right:5px;
margin-top:0px;
opacity:0.2;
position:relative;
}

#pref_button:hover {
opacity:1.0;
}

HTML:

Code:

<img id="pref_button" src="http://cdn1.iconfinder.com/data/icons/iconsweets2/40/preferences_gear_5.png" />

However i dont see any 100% opacity when i hover the image

VIPStephan · 12-16-2011, 12:16 AM

Which browser are you using?

ubuntu · 12-16-2011, 09:16 AM

Quote:

Originally Posted by VIPStephan

Which browser are you using?

tested in all

teedoff · 12-16-2011, 02:37 PM

Can you link us your site? Hard to recreate your issue since it deals with images and you didn't provide all your code.

ubuntu · 12-16-2011, 03:01 PM

Quote:

Originally Posted by teedoff

Can you link us your site? Hard to recreate your issue since it deals with images and you didn't provide all your code.

Its okay i found the problem. thanks for your help (: