navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

Clear a background image

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> Clear a background image 		Page: [1]
 
rdouglass

 

Posts: 9136
From: Biddeford, ME USA
Status: offline

  		Clear a background image - 4/24/2008 12:15:46   
Hi Folks,

I'm using a .PNG image as a background in CSS like so:

background-image:url("/images/css/white-fade.png");

and of course IE6 and below doesn't like PNG. So my Q is "How can I use a conditional to clear that BG image for IE6?" I know how to do a conditional but is there a 'clear' for the background image?

_____________________________

Don't take you're eye off your final destination.

ASP Checkbox Function Tutorial.
jaybee

 

Posts: 13784
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

  		RE: Clear a background image - 4/24/2008 12:46:57   
Use the js alpha transparency fix for IE6

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to rdouglass)
rdouglass

 

Posts: 9136
From: Biddeford, ME USA
Status: offline

  		RE: Clear a background image - 4/24/2008 13:18:07   
Is that supposed to work for CSS background images? I think I followed the directions (there were only 2) but it doesn't seem to work for me.

This image is just to put a gradient inside a cell and is no big deal to just not display it. So this is what I ended up using to remove it: 

<!--[if lt IE 7]>
<style type="text/css">
.cellGridOne, .cellGridOneAlt, .cellGridOneAlt2 {
	background-image: none;
}
</style>
<![endif]-->


:) I didn't even think of "none"....

However, if that JS *does* somehow work with background images, I would be interested to know. I just couldn't seem to work it with the backgrounds. It would be nice, 'cause I do like the gradients in the cell. :)

Thanks for that link; I'm sure I'll need to use it elsewhere. :)

_____________________________

Don't take you're eye off your final destination.

ASP Checkbox Function Tutorial.

(in reply to jaybee)
jurgen

 

Posts: 381
Joined: 1/9/2007
From: Castle Rock, Colorado
Status: offline

  		RE: Clear a background image - 4/24/2008 16:48:57   
Why don't you just reformat the image in jpg?

_____________________________

Wedding Dresses Colorado

(in reply to rdouglass)
jaybee

 

Posts: 13784
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

  		RE: Clear a background image - 4/24/2008 18:12:07   
Because it's transparent and jpeg doesn't support transparency.



Why don't you just save it as a gif? :)

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to jurgen)
jaybee

 

Posts: 13784
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

  		RE: Clear a background image - 4/24/2008 18:15:25   
OK Roger try this which should work with CSS

http://www.alistapart.com/stories/pngopacity/



_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to jaybee)
rdouglass

 

Posts: 9136
From: Biddeford, ME USA
Status: offline

  		RE: Clear a background image - 4/25/2008 0:41:40   
quote:

Why don't you just save it as a gif?


2 words; 'alpha transparency'

Gif is so much more grainy and it's a gradient that overlays different colors in a few places. It's quite a nice effect actually.

That "A List Apart" article looks quite promising. I'll let you know how I make out. Thanks.

_____________________________

Don't take you're eye off your final destination.

ASP Checkbox Function Tutorial.

(in reply to jaybee)
jurgen

 

Posts: 381
Joined: 1/9/2007
From: Castle Rock, Colorado
Status: offline

  		RE: Clear a background image - 4/25/2008 1:18:06   
Is there a chance to actually see the image? And maybe fiddle around a little bit rather than looking for all kinds of "hacks" or "conditionals"?

Just curious ...... there might be an easy way to get out of it. :)

_____________________________

Wedding Dresses Colorado

(in reply to rdouglass)
rdouglass

 

Posts: 9136
From: Biddeford, ME USA
Status: offline

  		RE: Clear a background image - 4/25/2008 1:40:58   
Here it is. It looks empty but it's not. It's the gradient background in the cells of the 2 tables in the center of this page:

http://www.atrainerontheroad.com/locator.asp

The markup is still a little messy there. :)


Thumbnail Image
:)

EDIT: Actually I say gradient but it's not in IE6 so on that page I have it set to none for IE6. IE6 just shows a solid block with no gradient.

Attachment (1)

_____________________________

Don't take you're eye off your final destination.

ASP Checkbox Function Tutorial.

(in reply to jurgen)
jaybee

 

Posts: 13784
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

  		RE: Clear a background image - 4/25/2008 2:54:36   
quote:

there might be an easy way to get out of it.


There is, it's called ignoring anyone who hasn't bothered to upgrade to IE7. I'm starting to get to the conclusion that I'll let it degrade for IE6 and earlier rather than turn cartwheels to get it exact. Eventually you have to say enough is enough.

As long as the site isn't breaking badly, is still usable and looks OK then I'm letting them go.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to jurgen)
rdouglass

 

Posts: 9136
From: Biddeford, ME USA
Status: offline

  		RE: Clear a background image - 4/25/2008 9:16:17   
quote:

I'll let it degrade for IE6 and earlier


That's kinda' what I'm coming to also. I got everything else working fine (in that area anyways) so just making that gradient go away for older IE looks like a very good solution right now.

Thanks all.

_____________________________

Don't take you're eye off your final destination.

ASP Checkbox Function Tutorial.

(in reply to jaybee)
mtfm

 

Posts: 386
Joined: 1/13/2006
From: Mesa, AZ
Status: offline

  		RE: Clear a background image - 4/28/2008 12:21:03   
This page might be of some assistance, especially toward the bottom.

http://www.mandarindesign.com/opacity.html

Might be more trouble than it is worth, BUT you can do it.

_____________________________

Is this possible? How about this? What about....?

(in reply to rdouglass)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> Clear a background image 		Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts


Back to top

  Microsoft Corporation in no way endorses or is affiliated with "OutFront."
  OutFront is published and edited by Thomas Brunt.
  440 Great Circle Dr., St. Matthews, SC 29135.
  © 2008 All Rights Reserved
  Click here to view our privacy statement.