[Solved] Creating transparent images w/ Hover effect fixed position

[jasongarza]

Hello all I am new here so I think the right thing to do would be to introduce myself. My name is Jason and I am a newbie hence the newbie question.

Ok. I am trying to use this css from w3 schools but I want to make the position fixed and aligned to the right with either padding or margins to keep it just off the edges of the window. Can someone please help me with this. Thanks

img { opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier / } img:hover { opacity:1.0; filter:alpha(opacity=100); / For IE8 and earlier */ }

Image Transparency

<img src="klematis.jpg" width="150" height="113" alt="klematis" />
<img src="klematis2.jpg" width="150" height="113" alt="klematis" />

Note: In IE, a doctypemust be added for the :hover selector to work on other elements than the <a> element. http://www.w3schools.com/css/tryit.asp?filename=trycss_image_transparency

[sadunaresh]

I want to make the position fixed and aligned to the right with either padding or margins to keep it just off the edges of the window.

find your answer here…

is that what you required..?

[Paulie_D]

I would also mention that W3Schools pay a lot of money to be at the top of search rankings.

Unfortunately, a lot of the information on there is (it is alleged) out of date or, worse, just plain wrong.

http://readwrite.com/2011/01/17/w3schools-responds-to-w3fools#awesm=~ohYlUjZ4Yk0tGF

[Paulie_D]

For am image, I would do it like this: http://codepen.io/Paulie-D/pen/preFD

[sadunaresh]

I would also mention that W3Schools pay a lot of money to be at the top of search rankings.

you are correct… ROFL…..

[Author]

Posts