Question

Can someone help me take a look at this please, I found this similar question here

but I do not understand how it works and what does poly-fill.

Here is the link to my website:

http://mojogobbles.com.sg/cupcake-menu/

Here is my css coding for the div class and also the html/php

CSS

#f1{
 width: 100px;
 height: 50px;
 left: 370px;
 top: 450px;
 background:black;
 position: absolute;
 opacity:0;
 filter: alpha(opacity=0);
 float: left;
 -webkit-transition: 1s all;
 -moz-transition: 1s all;
 transition: 1s all;
 }
#f1:hover {
 background:url(images/flavours/f1.jpg);
 width: 320px;
 height: 320px;
 opacity:100;
 filter: alpha(opacity=100);
 float: left;
 position: absolute;
 }

HTML/PHP

<div id="f1"></div>

The div class is not appearing in IE, please help!

Many thanks in advance!

Answer 1

change this:

filter: alpha(opacity=1);

into

filter: alpha(opacity=100);

The range for opacity when used inside the Alpha-filter is 0-100 , so your current setting is equal to opacity: 0.01