"Bütykölt" transparent PNG pozícionálás (IE 6 alatti bug)
Nos IE6 alatti megspécizett átlátszó PNG-t hogyan lehet pozícionálni? FF-ben gyönyörűen működik.
Itt a kód:CSS:Már kipróbáltam amúgy JS-el is a debug-ot de úgysem jó a pozícionálás:( Előre is köszönöm!
■ Itt a kód:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<link rel="stylesheet" type="text/css" href="css/pages.css" />
<!--[if gte IE 5]>
<style type="text/css">
<!--
.hatter {
BACKGROUND: none transparent scroll repeat 0% 0% !important;
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/front.png', sizingMethod='') !important;
}
-->
</style>
<![endif]-->
</head>
<body>
<div id="center">
<div class="hatter">
</div>
</div>
</body>
</html>
body
{
background-color: #f1e2a3;
}
#center
{
width: 800px;
height: 800px;
margin:0 auto 0 auto;
background-color:red;
}
.hatter
{
width: 790px;
height: 790px;
background-image:url('../img/front.png');
background-repeat: no-repeat;
background-position: center center;
background-color:green;
}
Sehogy
:(
ez van..
szigorúan titokos ;)
ezt, így nem fogadom el...
no akkor :)
Ááá és most jövök rá miért nem értjük egymást... mert nekem nagyobb div kell mint amekkora a háttér mérete... mert az úgy tényelg szép és jó ha akkora divem van mint amekkora a hátterem:D
najó akkor másképp fogalmazok :D
Van egy 500*500-as középre igazított divem ennek szeretnék adni egy 300*300-as középre igazított hátteret és ezen a diven el szeretnék helyezni egy 400*400-as képet ami szintén középen van... az összes kép png és átlátszó...
Igen nem csodálom hogy furcsán néztél rám emiatt mert nem írtam le korábban tökéletesen hogy miért kell nékem ilyen... Persze ezek mind egyszerű és szép dolgok ha nem png-vel játszanék, dehát ugye a dízájn az kell :D
Kompozitálás?
Vajon miért 500x500 a div, ha a legnagyobb tartalom benne 400x400? No de ez sem baj. Mi lenne, ha kompozitálád a két képet, és úgy lenne egy over és egy out állás, ennek a képnek a mérete pedig 500x500 lenne?
akkor marad :(
Arra gondolsz hogy mergeljem egybe a két képet? Erre már énis gondoltam de akkor az egész nagy képet kell betölteni a böngészőnek és amikor fölé viszi az egeret, akkor egy lassabb kapcsolatnál (és itt kifejezetten kérték hogy sok vidéki látogatja majd - ami 56k-s kapcsolatok tömegét jelentheti) nemtom mennyire szereti majd az over kép töltését ami egy ekkora képnél 142KB optimalizálva viszont az img képe meg csak 40KB. Ráadásul miért szivassam magam hogy még a kattintható területet is kicsilabizáljam mert nem éppen elegáns ha még a belépés gomb közelében sem jár az egér de máris kattintható ;) Amúgy nem gond mert marad úgy hogy két réteg van, csak reméltem hogy valaki már kitalálta hogy png-nél hogy s mint vannak ezek...
Flash?
igaz! a flash jó lenne.
én is
csúnya
gif optimalizálás
Feltettem egy minta képet és egy képernyőfotót: http://www.bluedesign.hu/png.html Gondolom nagyobb PS guruk több tippet tudnak adni, és természetesen sok múlik a képen is, minél kevesebb a szín, annál jobb lesz a kép, hiszen a gif 256 színt használ.
Ennek ellenére továbbra is nyomozok az áttetsző hátterű, IE hackelt png pozicionálásán. Hirtelen jutott eszembe, de ha beletennénk egy fix méretű div-be, és azt tennénk pozícióba? Ki fogom próbálni...
az úgy jó :)
bocs