Hjælp til png aplha i IE.

<ole>

IE understøtter (blandt meget andet) ikke alpha-kanaler i png-formatet  :o|

/mvh
</bole>

Hvorfor bruger du ikke bare gif? Det format er bredt understøttet

det lyder måske lidt dumt men, hvordan laves en 50% gennemsigtig gif ?

Det lyder slet ikke dumt - for det kan man ikke. Enten er en pixel transparent, eller også er den opaq i gif-formatet.

Bruger du 'filter' må du tage dit W3C-CSS-banner af siden, for den er ikke med i CSS1 eller CSS2.

At det så virker lidt pinligt at have den slags bannere på sin side er en anden snak. De fortæller jo ikke andet end, at koderen bag siden er begavet nok til at kunne læse en manual og gøre, som der står i den.
Det er efter min mening lidt ynkeligt, hvis man har behov for at slå det fast  :)
/mvh

De er hurtige lige at trykke på når jeg validere koderne.

Jeg ved godt filter ikke er W3C standart. Det skal også kun bruges når brugeren ser siden med IE, og så scripter jeg bare Bannern væk hvis der er tilfældet.

men hvad mener du med at jeg skal bruge gif hvis det ikke kan være 50% transparent ?

Jeg havde ikke set, du ønskede semi-transparents ... sorry  :)

filter: Alpha(opacity=50%); ... lighedstegn  ;o)
/mvh

SNOT, Ole ...  :o|

filter: Alpha(opacity=50);

okey... men jeg bliver lige nød til at have lidt hjælp til at placere dem

<div id="main" class="main">
<% i = 0 %>
<% do until i > 100 %>
<div id="item<%=i%>" class="item" style="filter: Alpha(opacity=50);">
  <div class="item-caption" id="itemCaption<%=i%>" onclick="showItem('<%=i%>')">
  <img src="images/ns/show.gif" class="item-icon" id="itemIcon<%=i%>" alt="click to show/hide news" />
  Item-Caption
  </div>
  <div class="item-writer" id="itemWriter<%=i%>">
  Item-Writer
  </div>
  <div class="item-body" id="itemBody<%=i%>">
  test osv..
  </div>
  <div class="item-dato" id="itemDato<%=i%>" onclick="showItem('<%=i%>')">
  Item-Dato
  </div>
</div>
<% i = i+1%>
<% loop%>
</div>

det ville jeg finde logisk.. men det ser ikke ud til at virke..
jeg har også prøvet at sætte det på alle sub-div'ne men det gjorde helelr ikke noget
den eeste der reageret på det var "main" div'en.. men eftersom det er den baggrunds billedt er på så hjælper det ikke meget..

Det skal ligge på det element, du vil give transparents. Lægger du det på en container (f.eks. et div), bliver alt i det div transparent

nu har jeg sat en  style="filter: Alpha(opacity=50);" på alle div tags'ne undtaget "main" og sendt det på nettet
http://frip.dk/sippo/
men ingen ting bliver transparent

burde der ikke ske bare en smule..

hvor er det jeg gør forkert ?

Du kan få dine png'er til at virke i IE5.5+ på pc, IE5+ på mac og Mozilla ved at smide flg. javascript ind i head:

<script type="text/javascript">

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;
            img.style.width = img.width + "px";
            img.style.height = img.height + "px";
            img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='scale')"
            img.src = "blank.gif";
        }
        img.style.visibility = "visible";
    }
}

</script>

...du skal blot sørge for at der ligger en transperent 1x1 pixel gif (blank.gif) i samme mappe som dit dokument...

/mvh
lerchedahl

mjoo men nu er det jo ikke et <img> men css style på en <div> background-image

lige nu ser ie koden sådan her ud
<div id="main" class="main">
<% i = 0 %>
<% do until i > 100 %>
<div id="item<%=i%>" class="item">
  <div class="item-caption" id="itemCaption<%=i%>" onclick="showItem('<%=i%>')">
  <div class="item-bg" style="filter: Alpha(opacity=60);">
  </div>
  <div class="item-text">
    <img src="images/ns/show.gif" class="item-icon" id="itemIcon<%=i%>" alt="click to show/hide news" />
    Item-caption
  </div>
  </div>
  <div class="item-writer" id="itemWriter<%=i%>" >
  <div class="item-bg" style="filter: Alpha(opacity=40);">
  </div>
  <div class="item-text">
    Item-Writer
  </div>
  </div>
  <div class="item-body" id="itemBody<%=i%>">
  <div class="item-bg" style=" line-height: 100%; height:100%; filter: Alpha(opacity=50);">
  </div>
  <div class="item-text">
    test test test test test etc..
    <br />
    den her linje er ikke transparent ):
  </div>
  </div>
  <div class="item-dato" id="itemDato<%=i%>" onclick="showItem('<%=i%>')">
  <div class="item-bg" style="font-size: 10px; filter: Alpha(opacity=40);">
  </div>
  <div class="item-text" style="font-size: 10px;">
    Item-dato
  </div>
  </div>
</div>
<% i = i+1%>
<% loop%>
</div>

og det virker os fint.. men kun for enkelt linjer..
se eksempel her http://frip.dk/sippo/indexie.asp

hvis nogle ka sige mig hvordan der kan få height:100% som også virker..

css filen er den her
http://frip.dk/sippo/css/ie/items.css

Mvh -sippo-

Prøv at vise et nedbarberet eksempel uden ASP-snask

lukke luk luk.. det her er vist noget gammelt halløj