Polish info site around the corner ;-)
Oliver Grawert
hostmaster at grawert.net
Tue Oct 5 16:30:58 CDT 2004
hi,
Am Dienstag, den 05.10.2004, 23:11 +0200 schrieb Emil
Oppeln-Bronikowski:
> > By all means, proceed.
>
> I've made small test design. It won't look good on IE because it can
> not render transparent pngs. ;-) http://opi.pegasos.pl/ubuntu/
try the following, i use it in all my webinterfaces,
nice design btw:
add to your pagehead: <script type="text/javascript"
src="./pngfix.js"></script>
./pngfix.js:
// Correctly handle PNG transparency in Win IE 5.5 or higher.
// http://homepage.ntlworld.com/bobosola. Updated 02-March-2004
function correctPNG()
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) ==
"PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" +
img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "'
" : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" +
img.style.cssText
if (img.align == "left") imgStyle = "float:left;" +
imgStyle
if (img.align == "right") imgStyle = "float:right;" +
imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" +
imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" +
img.height + "px;" + imgStyle + ";"
+
"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');
\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);
--
got ubuntu ? --------------> GET UBUNTU !!!
http://www.ubuntulinux.org/
More information about the ubuntu-devel
mailing list