---
title: "IE inge stöd för CSS styrd opacity och Runda hörn ?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/143335-ie-inge-stöd-för-css-styrd-opacity-och-runda-hörn"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Abxi"
published: "2006-03-03T13:29:11.000Z"
updated: "2006-03-03T15:29:22.000Z"
replies: 2
views: 394
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/143335-ie-inge-stöd-för-css-styrd-opacity-och-runda-hörn"
---

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

## #1 — Abxi, 2006-03-03T13:29Z

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

Permalänk: https://www.webforum.nu/p/143335

## #2 — Csson, 2006-03-03T14:42Z

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;}

Bilagor:

- [iecssroundopacity_140145.gif](https://www.webforum.nu/a/9896.gif)

Permalänk: https://www.webforum.nu/p/1776606

## #3 — Abxi, 2006-03-03T15:29Z

> **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?  \>\_\<

Bilagor:

- [Compare.JPG](https://www.webforum.nu/a/9899.jpg)

Permalänk: https://www.webforum.nu/p/1776624

---

Tråden på webben: https://www.webforum.nu/amne/html-css/143335-ie-inge-stöd-för-css-styrd-opacity-och-runda-hörn
