The ingredients are:
- A background image;
- A small, semi-transparent .png image: 75p_honey.png size: 10px X 2px;
- A small css hack to overcome IE’s lack of support for semi-transparent .png images;
|
1 2 3 4 5 6 7 8 9 |
/* Mozilla ignores crazy MS image filters, so it will skip the following */
.trans_box2 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/75p_honey.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.trans_box2[class] {
background-image:url(/75p_honey.png);
} |
And make a special .css file for IE to fix the link that stop working.
|
1 |
a {position: relative} |
source: http://www.daltonlp.com/view/217.