Autor |
Nachricht |
Crossfire
Dabei seit: 19.09.2006
Ort: Berlin
Alter: 37
Geschlecht:
|
Verfasst Di 19.09.2006 01:19
Titel
|
|
|
Mach doch einfach ne Browser abfrage.
Also:
Code: | <!--[if lt IE 7.]>
<script type="text/jscript" src="deine.js"></script>
<![endif]--> |
Mfg,
Crossfire
Zuletzt bearbeitet von Crossfire am Di 19.09.2006 01:22, insgesamt 1-mal bearbeitet
|
|
|
|
|
davek
Dabei seit: 09.06.2005
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 04.12.2007 14:17
Titel
|
|
|
Pixelpole hat geschrieben: | Speicher das mal als .js datei und füge es mal in deinem HTML hinzu. Müsste eigentlich klappen. Also bei mir hats zumindest funktioniert.
Code: |
// Global PNG transparency fix for Internet Explorer up to version 6 - Combined by Fotis Evangelou, http://www.webpr.gr/joomla
// The inline PNG fix, courtesy of Bob Osola, http://homepage.ntlworld.com/bobosola/
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);
// The background PNG fix, courtesy of Youngpup (http://www.youngpup.net) and Drew McLellan (http://www.allinthehead.com)
if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) {
window.attachEvent("onload", alphaBackgrounds);
}
function alphaBackgrounds(){
var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);
for (i=0; i<document.all.length; i++){
var bg = document.all[i].currentStyle.backgroundImage;
if (itsAllGood && bg){
if (bg.match(/\.png/i) != null){
var mypng = bg.substring(5,bg.length-2);
document.all[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+mypng+"', sizingMethod='scale')";
document.all[i].style.backgroundImage = "url('/mambots/system/bot_ultimatepngfix/x.gif')";
}
}
}
}
|
|
Wenn ich das hier verwende für den IE6 werden die grafiken verzogen!!! :-/
|
|
|
|
|
Anzeige
|
|
|
Antestor
Dabei seit: 12.12.2007
Ort: Herzog Widukinds Stamm
Alter: 42
Geschlecht:
|
Verfasst Mi 16.04.2008 16:18
Titel
|
|
|
So ich habe ein spezielleres Problem:
Das pngfix.htc funktioniert bei mir, allerdings habe ich jetzt vor, dtransparente PNGs in einem Spry Menu von Dreamweaver zu verwenden. So ein Spry Menu sieht man zB hier: http://www.igap.de/pw/news.php
Damit kommt der IE allerdings nicht klar! Er stellt es grau dar. Kann es sein dass sich da zwei JavaScripts in die Quere kommen?
Bin recht verzweifelt!
|
|
|
|
|
Incubator
Dabei seit: 21.03.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 18.07.2008 06:03
Titel
|
|
|
Hallo Leute. scheint ja ein altes Problem zu sein. gibt's da mittlerweile ne echte Lösung?
Über Browserweiche und die .js-Datei bekomme Ich auch endlich meine CSS-HG-Bilder transparent. Allerdings gehen bei mir auch die Listenpunkte mit den Links flöten.
Zu allem Überfluss habe ich noch ne SmoothGalery eingebaut und die will auch nicht mehr so recht. Selbst wenn in der Gallery nur .jpgs sind erscheint des ätzende Türkis.
Hatt da evtl jemand ne Idee, woran, das nun wieder liegen kann?
Habe selbst mal http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html ausprobiert, aber damit konnte ich nicht umgehen. die Beispieldatein funktionieren mit halbtransparenz, aber meine pngs sind trotzdem blau
Ach man kann doch immer wieder Froh sein, dass es noch so viele user gibt, die den IE6 benutzen.
|
|
|
|
|
development
Dabei seit: 14.07.2008
Ort: Nanaimo
Alter: 49
Geschlecht:
|
Verfasst Fr 18.07.2008 08:40
Titel
|
|
|
PNG Hack ohne js hier
|
|
|
|
|
Glas
Dabei seit: 24.05.2003
Ort: Bremen
Alter: 41
Geschlecht:
|
Verfasst Fr 18.07.2008 08:50
Titel
|
|
|
development hat geschrieben: | PNG Hack ohne js hier |
Das ist der Link, der bereits im ersten Postion von 2006 angegeben ist
Und nicht ohne js ....
Incubator:
Ne "echte" Lösung, also quasi nativen support des Alpha Kanals eines png24, bieten nur neuere Browser.
Mir ist für ältere Browser kein Weg bekannt, der nicht über JavaScript führt.
|
|
|
|
|
pRiMUS
Dabei seit: 09.09.2003
Ort: Vienna
Alter: 48
Geschlecht:
|
Verfasst Fr 18.07.2008 09:01
Titel
|
|
|
Glas hat geschrieben: | development hat geschrieben: | PNG Hack ohne js hier |
Das ist der Link, der bereits im ersten Postion von 2006 angegeben ist
Und nicht ohne js ....
Incubator:
Ne "echte" Lösung, also quasi nativen support des Alpha Kanals eines png24, bieten nur neuere Browser.
Mir ist für ältere Browser kein Weg bekannt, der nicht über JavaScript führt. |
heiko_rs hatte mal eine lösung via css und den alpha filtern gepostet, einfach mal danach suchen. wie und ob die funktioniert weiss ich allerdings nicht. ich verwende immer die IE7.JS für den internetexploder <=6
|
|
|
|
|
Glas
Dabei seit: 24.05.2003
Ort: Bremen
Alter: 41
Geschlecht:
|
|
|
|
|
|
|
|
Ähnliche Themen |
CSS background-image
[CSS] alt-tag für background-image?
CSS background-image mit em ?
[CSS] Background-image INE
background-image & FF
onLoad und CSS - background-image
|
|