Avatar billede steven_ Nybegynder
01. december 2006 - 06:34 Der er 6 kommentarer

Brug af opacity

Kan nogle gennemskue hvorfor følgende script ikke fungerer i internet explorer, men ganske fint i firefox?

<script language="javascript" type="text/javascript">
    <!--
    function subdue()
    {
        var myStyles = {
            "filter": "alpha( opacity: 25 )",
            "-moz-opacity": .25,
            "opacity": .25,
            "MozOpacity": .25
        };
       
        for( x in myStyles )
        {
            document.getElementById( 'container' ).style[x] = myStyles[x];
        }
    }
    //-->
</script>
Avatar billede psykochicken Nybegynder
01. december 2006 - 10:25 #1
det hedder vel egentlig alpha(opacity=25);o)
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/filters/alpha.asp

...selvom IE er så fatsvag/tilgivende at den hos mig accepterer dit script.

Hvordan bruger du scriptet ?

/psc
Avatar billede olebole Juniormester
01. december 2006 - 12:33 #2
<ole>

Prøv:
        var myStyles = {
            "filter": "alpha( opacity= 25 )",
            "MozOpacity": .25,
            "opacity": .25
        };


/mvh
</bole>
Avatar billede steven_ Nybegynder
10. december 2006 - 15:06 #3
psychochicken:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1;" />
    <meta http-equiv="imagetoolbar" content="no" />
    <meta name="robots" content="all" />
   
    <title>Gandsø</title>
   
    <script language="javascript" type="text/javascript">
        <!--
        function subdue( id )
        {
            var myStyles = {
                "filter": "alpha( opacity= 25 )",
                "MozOpacity": .25,
                "opacity": .25
            };
           
            for( x in myStyles )
            {
                document.getElementById( id ).style[x] = myStyles[x];
            }
        }
        //-->
    </script>
</head>
<body>
    <div id="container">
        <div style="background-color: black; color: white;" onclick="subdue( 'container' );">..</div>
    </div>
</body>
</html>
Avatar billede olebole Juniormester
11. december 2006 - 09:28 #4
For at få MS' filter til at virke, skal du sørge for elementet 'har layout' ... f.eks. ved at sætte dens højde, bredde, position til absolute, display til block, m.m:
    <div id="container" style="height:30px">
Avatar billede steven_ Nybegynder
11. december 2006 - 09:32 #5
Det var da underligt. Kunne jeg ikke lige have gættet :D

Tak for det olebole!
Avatar billede steven_ Nybegynder
11. december 2006 - 09:32 #6
smid et svar
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester