PNG Images Display Horrible Grey Or White Background When It's Transparent In IE 6
Jan 16, 2009
There is a big wide problem that with IE6, PNG images display this horrible grey or white background when it's transparent. It looks ugly, but I can't seem to find a way to solve it. I've searched on google and copied scripts, inserted them in to the document I wish for the png to be completely transparent but it's still not working. I would normally just leave it, but as I want the site to look professional and the transparent png is essential to the data being displayed, I've been trying to find solutions to it.
I realise that most users have upgraded to IE 7 / IE 8 which supports transparent png images but there's got to be a small percentage of users who use IE6. I can't just say "sorry you'll have to upgrade your browser to view the data properly" obviously, so I'm trying to find solutions. I've tried using spacer.gif but that doesnt work (but it does when on table designed pages), so I found some scripts:
I have recently started seeing a script that puts like a dark grey transparent mask over the intire browser window, while putting up in the center a highlighted visable login form or some type of box requiring user input. Can anyone tell me if that is javascript and possibly point me in the direction where I can find out more about that effect.
I'm using lightbox 2.0 with Dreamweaver CS3 on Mac 10.4. I am trying to use lightbox with Dreamweaver's hotspots, so right now my code looks like this: <area shape="poly" coords="209,232,273,224,280,286,219,293" href="images/ATlogo2.jpg" rel="lightbox"/> I am only getting the gray background when I click on the link though, not the image. The image properly loads in a new window when the rel="lightbox" code is not added. I have tried testing it in Dreamweaver's preview on Safari, and uploaded to the web in Safari and Mozilla's Camino.
I have a div containing a few text elements like date and description. I want to change the background-color of the div to a light grey when the mouse is over it. This works fine. The problem: As soon as the mouse is over a child element, the background changes back!
I would like to make a table or a div with a transparent background. The solution found does work only with FireFox using a png image. The second one works with IE and FireFox but make the text inside the div be transparent. Code:
I am assuming that this is an issue with the js on my index page:
[URL]
The main menu on this page has a sub-menu under "About". I've tried changing the CSS for the menu in order to make that sub-menu background be 50% transparent, but nothing is fixing it. I see things about "fade" within the js code, but I just don't see how to set how far it fades in or out.
What i want to do is change background color from yellow to transparent or back to original background color:What i have following javascript code is change color from yellow to blue.
I have the following Flash code running the photo stack at top right in this page: [URL]
<script type="text/javascript"> var flashvars = {}; var params = {}; params.wmode = "transparent"; var attributes = {}; swfobject.embedSWF("[URL]", "slider", "650", "260", "9.0.0", "[URL]", false, flashvars, params, attributes); </script>
I'm not that familiar with Flash, but I've used wmode in the past to make a movie have a transparent background. Is something wrong with the syntax here?
How can I load the window with transparent background using window.openDialog() in firefox browser ;Inside this dialog , I am loading a html page whose width and height is not known already . So I will load this html page using window.openDialog having width and height of dialog more than html page .
I am having problems with a template I bought. When I customize the menu, and the items have many sub items. the white background slides down way too much. I am learning jquery and can´t find where to correct this URL...See the items: "Diplomados" "Servicios a alumnos" and "convenios".
I'm trying to sort a countdown clock for my website: [URL] My vision of it was a transparent background, Blue text and a simple Day : Hour : Minute : Second Layout. I found a free .js countdown clock at [URL] I havn't used .js much
i have been tasked to create a web page that includes a fading background. (It must become semi transparent once the page has loaded,and remain until a new page is selected. I want to use a similar concept to: [URL]. However instead of fading out to black, i need it to fade out to white (between 10-15% image opacity). I would also need a similar central, transparent, scrollable frame/div (where each page will load up within and like the above link,i need a different background image to each page.
I'm trying to make the background color change to white after the iframe is triggered. right now it sits transparent on the page but after the iframe is triggered i want the background to be white. is there a way to do this? i dont know much about java but im assuming this would be something to use java for
For a college assignment, i have been tasked to create a web page that includes a fading background. (It must become semi transparent once the page has loaded,and remain until a new page is selected. I want to use a similar concept [URL]. However instead of fading out to black, i need it to fade out to white (between 10-15% image opacity).
I would also need a similar central, transparent, scrollable frame/div (where each page will load up within and like the above link,i need a different background image to each page.
I've about 50`000 jpg images on a dir. Some images have a white frame, other only 2 white lines, sometimes vertically, sometimes horizontally.
I've to show those image on a darkgrey background, and the result is ugly.
It's there any way to detect those white lines, then change their color for showing on the screen ? I won't change the color of the frame on the image itself, but when showing them. Also take in mind that some parts of the image are white, and they must be kept white!
but it always returned the value "transparent" instead of the "red" color rgb 255,0,0. I also tried "backgroundColor" and it did not work either "transparent". How to get back the correct background color?
I'm putting together a portfolio site and I'd like to use high-res images that take up most of the screen to show different works. There would be a menu bar with links to each work, where a click on that work's link would change the background by doing a standard "dissolve" effect.I have seen many different plugins for "rotating" images and changing background colors at the click of a button. Is there a method specifically for this purpose? As an alternative to altering the background-image of the body itself,I would be willing to use a properly sized div (or div's) to achieve this effect.
in order to fade the background of a div. The content in this div I'd like to have without transparency. In IE this is the case, but in Firefox the content also is transparent with 0.8.I tried to apply fade with 1 to the content but that did not work ...
I am using superfish menu on the site below. http:[url]...when I go through the sub menus. parent menu item's "a color" turns into white again but not background color. then nothing is seen. I want it to stay as first hover condition (white bg and black text) when I walking through sub menus. I cannot override it.
But I would prefer the background images to fade in and out rather than change abruptly. I've spent hours searching for appropriate code, but have met a dead end so far.
Incidentally, I presume that the delay before the first background image appears is because of all the images pre-loading. Can anyone suggest a way to immediately display the first image?
I've got a Javascript which changes the background image of the body by rotating other images. What I want is the script to change the background to a specific div and not of the whole body section. Since I'm not an expert in Javascript I have Googled a lot but couldn't work it out till now. In other words that I want is to alter/change in the script the line "...document.body.background=processed [abc].src.." in a way and add ... so that this script works for a specific div and not only for the whole webpage...
<script language="Javascript"> var bgimage=new Array() bgimage[0]="image1.png"[code]....
