CODEWITHSUNDEEP
htmlcssinternet-explorerpng
nunya
nunya

Reputation: 315

Images not showing in IE

I have an unordered list with image links and when you hover over them they fade out a little bit and this shows all good in every browser except IE, of course. At first I thought it was just a png bug but after applying both of those fixes it still doesn't work. The page is at:

The page.

If anyone knows what is going on please let me know as I am completely stumped now. Thanks

Upvotes: 1

Views: 593

Answers (3)

Niet the Dark Absol
Niet the Dark Absol

Reputation: 324790

It appears to work in IE7 and IE9, but not IE8. Interested, never seen that before.

Anyway, you can fix the problem by using a different method. Instead of using a list, just have your images (with links) inside the containing <div>, then apply a style to the links such that they have display: inline-block; - this will allow you to align them vertically with each other (vertical-align: middle;) and set their width if you want.

Upvotes: 1

benni_mac_b
benni_mac_b

Reputation: 8887

The opacity fade is being achieved by styles that IE doesn't support

-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;

Upvotes: 1

Brian
Brian

Reputation: 2229

It works in IE9 so first guess is you are using some css or javascript that isn't supported for earlier versions. You need to post the code so we can give you better guidance on how to resolve this.

Upvotes: 0

Related Questions