2 replies [Last post]
CartoonSmart
Offline
Regular
Last seen: 6 years 14 weeks ago
Timezone: GMT+2
Joined: 2006-06-30
Posts: 27
Points: 0

Hi,

So I am using this css hack to get IE to render a png with a transparent background.
I have used the hack here:

* html h1{ back\ground-color: transparent; background-image: url(images/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/logo.png", sizingMethod="scale"); } And it worked fine.

Now I want to have the same effect in my footer division.
And I tried this but I can't make it work.

* html #footer{
back\ground-color: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/logo.png");
}

However the png image in the h1 css is refered to in the css and the footer logo is directly refered to in the HTML markup like so:


Do I need to place the hack in html to make it take effect on the footer logo?

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 6 years 48 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

Yes. E.g.HTML

Yes. E.g.

HTML -

...

...

ie6.css -
#btn-submit {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/btn-submit.png',sizingMethod='scale');
}

CartoonSmart
Offline
Regular
Last seen: 6 years 14 weeks ago
Timezone: GMT+2
Joined: 2006-06-30
Posts: 27
Points: 0

Now I have solved my IE

Now I have solved my IE issue but gained a Firefox issue. What am I doing wrong.
This is the code:

HTML

CSS

#lite{
float:left;
width:117px;
height:70px;
margin:0px 0px 0px 0px;
padding:0;
background:url(images/logosmall.png)no-repeat;
}

* html #lite {
back\ground-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/logosmall.png", sizingMethod="scale");
}