www.webdeveloper.com
Results 1 to 3 of 3

Thread: Earlier IE browser issue and sollution...

  1. #1
    Join Date
    Sep 2007
    Posts
    10

    Earlier IE browser issue and sollution...

    Hi,

    On my page background, I have this simple css code:

    Code:
    #bg{
    	width: 1120px;
    	height: 751px;
    	background-image: url(../img/bg.png);
    	background-repeat: no-repeat;	
    	
    	}
    It has a transparent background and it's png, which is not good in earlier IE browsers. Can I somehow change this css to that function, if the IE browser is earlier than 6, then the background image would be bg.gif?

  2. #2
    Join Date
    Oct 2006
    Posts
    364
    Quote Originally Posted by motiejus View Post
    Hi,

    On my page background, I have this simple css code:

    Code:
    
    
    It has a transparent background and it's png, which is not good in earlier IE browsers. Can I somehow change this css to that function, if the IE browser is earlier than 6, then the background image would be bg.gif?
    You need to use a pingfix to get transparent pings to work in ie. Search google for "ie ping fix"

    Also to my knowledge older versions don't support ping alpha channels.

    If you want to use a GIF remember that you only can have 100% transparency and also only up to 265 (or something like that) colours.

    <style type="text/css">
    #bg{
    width: 1120px;
    height: 751px;
    background-image: url(../img/bg.png);
    background-repeat: no-repeat;
    }
    </style>
    <!--[if lt IE 6]>
    <style type="text/css">
    body #bg{
    width: 1120px;
    height: 751px;
    background-image: url(../img/bg.png);
    background-repeat: no-repeat;
    }
    </style>
    <![endif]-->

  3. #3
    Join Date
    Sep 2007
    Posts
    10
    Unfortunately, the png fix script doesn't work for my site. I don't know why, maybe I'm using too much JS...

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles