14 svar · 689 visningar · startad av symbolism
Hejsan!
Jag har nu "installerat" IE hacket för två PNG bilder på
http://www.gurkean.com/course/lekt2.shtml
Det verkar funka bra i IE 7, dock vet jag inte omd et funkar i IE 6.
Tråkigt nog verkar det inte fungera i FireFox, och det är synd. Knakse man kan lösa dfe tmed någon scriptlösning som visar vanliga PNG-bilden när FireFox används som läsare och den filtrade bilden när IE är läsaren.
Nån som har något förslag?
IE7 har png support redan, samma för Firefox... så något konstigt har du nog gjort :P
nej IE7 har ingen bra PNG-support=/. du ser inegt fel i källlkoden? jag kör hack med HTC-fil och hacket ligger direkt på bilden
I ie7, firefox och opera fungerar png problemfritt hos mig.
Dvs om jag kollar direkt på dina bilder t ex Kursen-bilden så fungerar det.
http://www.gurkean.com/course/kursen.png
På din sida syns det dock inga bilder, där Grunder- o Kursen-bilderna skulle vart i opera eller firefox. Så det är nog nåt galet i din hack.
png funkar perfa i IE7 här också.
sheisse. kollar igenom hacket igen å återkemmer om jag inte hittar nåt alls som kan vara fel
hmmm... tog bort hacket och nu verkar det ju funka bra.... men jag har fortfarande "behavior" hacket kvar... äre nån som sitter på IE6 som kan säga hur det ser ut där?
Så här ser det ut i IE6. Ser ut som att du även får pilla lite med float och clear för att IE6 ska bli glad. :)
Rekommenderar detta för att se hur sidor ser ut i olika version av IE:
http://tredosoft.com/Multiple_IE
jo... eller absoluta bilderna... men det e ju fan att jag inte kan få rätt på PNG fixet=/
Varför inte bara köra med transparenta GIF's tillsvidare, ödslar du all energi på det där kommer du lessna...
kanske vore en bra idé...
Eftersom du inte kör med toning sven-allan så tror jag gif är absolut smidigast.
sven-allan?
giffar är inte fel. Dom blir ofta ganska klara i färgerna tack vare att dom inte har fler än 256. Men ibland räcker inte färgerna, t.ex. vid toningar. Om man då struntar i IE4 och andra icke DOM-läsare, så kan man enkelt lägga in ett skript som heter "sleight.js" i sajten:
if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) {
document.writeln('<style type="text/css">img { visibility:hidden; } </style>');
window.attachEvent("onload", fnLoadPngs);
}
function fnLoadPngs() {
var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);
for (var i = document.images.length - 1, img = null; (img = document.images[i]); i--) {
if (itsAllGood && img.src.match(/\.png$/i) != null) {
var src = img.src;
var div = document.createElement("DIV");
div.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizing='scale')"
div.style.width = img.width + "px";
div.style.height = img.height + "px";
img.replaceNode(div);
}
img.style.visibility = "visible";
}
}
åsså länkar man bara till det i <head>:
<script type="text/javascript" src="/resources/javascript/sleight.js"></script>
ska kika på de olika lösningarna. Tack för all hjälp!