Just nu i M3-nätverket
Jump to content

Olika still beroende av webbläsare


molequle

Recommended Posts

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...

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...