webForumDet fria alternativet

IE inge stöd för CSS styrd opacity och Runda hörn ?

HTML & CSS

2 svar · 390 visningar · startad av Abxi

Medlem sedan mars 20063 inlägg
Frågan#1

Fungerar hur bra som helst i Firefox men inte i IE (internet explorer) alls.

Fungerar hur bra som helst i Firefox, men IE inte alls ?

EXTERNA CSS DOKUMENTET
/* CSS Document */

<style type="text/css">

#container {background: #cccc99;}
.roundtop {
background: #000000;
opacity: 0.6;
filter: alpha(opacity=60);
}
.roundbottom {background: #00000; opacity: 0.6; filter: alpha(opacity=60);}
.r1{margin: 0 5px; height: 1px; overflow: hidden; background: #000000;
border-left: 1px solid #000000; border-right: 1px solid #000000;}
.r2{margin: 0 3px; height: 1px; overflow: hidden; background: #cccc99;
border-left: 1px solid #000000; border-right: 1px solid #000000;
border-width: 0 2px;}
.r3{margin: 0 2px; height: 1px; overflow: hidden; background: #cccc99;
border-left: 1px solid #000000; border-right: 1px solid #000000;}
.r4{margin: 0 1px; height: 2px; overflow: hidden; background: #cccc99;
border-left: 1px solid #000000; border-right: 1px solid #000000;}
.content {
background: #cccc99;
padding: 10px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
opacity: 0.6;
filter: alpha(opacity=60);
color: #000000;
position: relative;
}
}

#solidtext {position: relative; color: #000000;}
#opacitetsbox {
width: 50%;
background: #ffffCC;
opacity: 0.6;
filter: alpha(opacity=60);
color: #000000;
}

body {
background-color: #330000;
color: #FFFFFF;
background-repeat: no-repeat;
font-family: "Times New Roman", Times, serif;
font-size: 10px;
}
a:link {
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
color: #CCCC99;
}
a:visited {
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
color: #CCCC99;
}
a:hover {
text-decoration: underline;
font-family: Arial, Helvetica, sans-serif;
color: #CCCC99;
}
a:active {
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
color: #CCCC99;
}

SIDAN (ska vara popup)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Aleister Vegence Lyrics</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="popcss.css" rel="stylesheet" type="text/css">

</head>
<body onBlur="window.close()">

<table border=0>
<tr><td background=../bilder/popup.png>
<table font width="260" border="0">
<tr>
<td valign=center ><center><img src="../Bilder/logo.gif"></center></td>
</tr>

\<tr\>
\<td\>
 \<div id="container"\>

<div class="roundtop">
<div class="r1"></div>
<div class="r2"></div>
<div class="r3"></div>
<div class="r4"></div>
</div>
<div class="content">
<i>Vengence - Lyrics</i>
<p></p>
<b>Vers I</b>
<br>
I stand alone when darkness falls, all around me
I Have no time to be late.

youve driven me towards a goal, so promesing
something that's gonna change my fate<p></p>
<b>Bridge</b>
<br>

What do you wan't me to do
Ive done all you want me to
Do you want to break my heart in two?
<br>
I'm doing the best that I can
I'm not more than a man
so, slow down....
<br>
(you damn)
<br>
<br>
<b>Ref:</b>
<br>
Hypocrite,
Hypocrite,
Hypocrite,
<br>
You will burn in hell
<br>
Hypocrite,
Hypocrite,
Hypocrite,
<br>
burn in hell, you bastard.
<br>
<br>
<b>Vers II</b>
<br>
Do you think that evrything flows, well do you?
It doesn't feel like that (no)
<br>
Tell me what's inside your mind, will you tell me?
Cause Ive seen nothing of it yet

<br>
<br>
<b>Bridge</b> (se above)
<br>
<br>
<b>REF</b>
<br>
Hypocrite,
Hypocrite,
Hypocrite,
<br>
You will burn in hell
<br>
Hypocrite,
Hypocrite,
Hypocrite,
you will burn in hell, burn in hell you bastard - YEAH!
<br>
-solo-
<br>
riff <br>
repeat vers I, brygga, ref</font>
<br>
<br>
</div>
<div class="roundbottom">
<div class="r4"></div>
<div class="r3"></div>
<div class="r2"></div>
<div class="r1"></div>
</div>
</div>
</td>
</tr>
<tr>
<td><center><a href="javascript:window.close()">Close this Window</a></center></td>
</tr>
</table>
</td></tr></table>

</body>
</html>

Eller vad är felet ? >_<

Tacksam för svar.
Abxi

Medlem sedan feb. 2000438 inlägg
#2

Ser ingen extrem skillnad hos mig, vad är det som inte funkar?

Ta bort <style type="text/css"> ur din .css-fil. Du har en } för mycket här:

}
} <-- ta bort

#solidtext {position: relative; color: #000000;}

iecssroundopacity_140145.gif
Medlem sedan mars 20063 inlägg
#3

Csson skrev:

Ser ingen extrem skillnad hos mig, vad är det som inte funkar?

Ta bort <style type="text/css"> ur din .css-fil. Du har en } för mycket här:

Fan va skumt vad har du för version av IE?

Kolla hur jag ser det.

EDIT: En sak jag noterade på dina bilder, Opacity funkade inte på IE för dig heller. Noterade att texten va opacity i FF men inte i IE för dig.

Frågan är, why? >_<

Compare.JPG
261 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
125 ms — deklarationer (db)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)
119 ms — ändringar (db)