Muskampen 2025: Segraren korad!
Permalänk
Medlem

Skugga runt box med css

Det är så att jag har en Iframe, som jag har lagt innuti en box för att få en kant runt iframen som är 1 pixel bred och svart. Men jag skulle vilja ha skugga på boxen också. Testade med den csskod som används för att få skugga på text, men då blev skuggan på insidan av boxen, och inte på utsidan. Sen fanns det nåt annat sätt där man gjorde en box bakom allting, som man fejkade skugga med. Men det fick jag inte heller att fungera. Såhär ser det ut nu..

Css-filen

.box1 {
height: 414px;
width: 548px;
border: 1px solid #000000;
background: #FFFFFF;
filter: Shadow(Color=666666, Direction=120);
width: 100%;
height: 414px;
}

Html-koden

<iframe height="414" width="548" frameborder="0" src="aktuellt.html" class="box1"></iframe>

Permalänk
Medlem

Filter är ett IE-attribut som inte bör användas i någon form. För att simulera skugga under boxen får du skapa en bakgrundsbild som tillfredställer dina behov och låta .box1 gå utanför iframen med några pixlar.

Permalänk
Medlem

http://www.alistapart.com/articles/cssdropshadows/

Där är en bra artikel om hur man lägger på en hyffsad drop shadow.

Visa signatur