Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

Olika still beroende av webbläsare

molequle

Startad av molequle,
i Webbutveckling

Rekommendera Poster

molequle

molequle

Postad
Postad

Hej

För att kolla vilken webblasare besökaren kör med kör jag med följande javascript

function getWebblasare(user)
{

if (user.indexOf("Opera") != -1)
{
document.body.className="op";
document.body.link ="#336699";
return;
}	
else if (user.indexOf("Netscape") != -1)
{
	document.body.className="ne";
   document.body.link ="#FFFFFF";
return; 
}
else if (user.indexOf("Microsoft Internet Explorer") != -1)
{
document.body.className="ie";
document.body.link ="#336699";
return;
}
else{
document.body.className="annan";
return;
}
}

 

Och således döper Class Selectors som återfinns i CSS filen för att styra utseendet blir det...

 

.op {
background-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-position: bottom left;

}

.ne {
background-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-position: bottom left;
}

.ie {
background-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-position: bottom left;
}

.annan {
background-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-position: bottom left;
}

Osv...

Nu har jag ett problem med att i html koden annvända två ID Selectors. Jag tänkte mig på detta sätt...

<body onload="getWebblasare(navigator.appName)">

<div id="one"></div>
<div id="two"> The text has to go in a separate div to the transparent div. This 
 effect will not work in Opera browsers. </div>

Och de två ID Selectors one och two i CSS filen

#one {
    background:#ff0000;
    width:200px;
    height:216px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    -moz-opacity:0.20; 
    position:absolute;
    top:84;
    left:206;
}
#two {
    width:200px;
    height:216px;
    position:absolute;
    top:84px;
    left:206px;
    font-family:arial;
    font-size:18px;
    color:#ffffff;
    padding:20px;
}

 

Hur kan jag kombinera dessa två och ja jag vet att filter ej fungerar i Opera där av problemet i säg...

 

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...