webForumDet fria alternativet

filter: alpha

HTML & CSSur HTML, XHTML & CSS

8 svar · 265 visningar · startad av doggelito

Medlem sedan juni 20003 076 inlägg
Frågan#1

kan man få att texten i lagret inte blir tonad, eller måste jag använda två lager på varann?

 <div id="Layer1" style="position:absolute; left:176px; top:243px; width:94px; 
height:134px; z-index:2; Filter: Alpha(Opacity=50) border; 
background-color: #993399; layer-background-color: #993399; 
border: 1px none #000000;">Denna text ska inte vara tonad!</div>

stämmer det att bara explorer klarar filter: alpha?

Medlem sedan juli 2002167 inlägg
#2

ja. bara ie förstår filer:alpha eftersom det är en av deras egna små påfund och inte har något stöd i någon w3c spec.

Medlem sedan jan. 20032 285 inlägg
#3

Om du inte vill att texten ska bli tonad kan du väl bara ta bort opacityn?

<div id="Layer1" style="position: absolute; 
left: 176px; 
top: 243px; 
width: 94px; 
height: 134px; 
z-index: 2;
background-color: #993399; 
layer-background-color: #993399; 
border: 1px none #000000">Denna text ska inte vara tonad!</div>

Eller??

Medlem sedan juni 20003 076 inlägg
#4

Sebbe skrev:

Om du inte vill att texten ska bli tonad kan du väl bara ta bort opacityn?

Nej, bakgrunden ska vara tonad, inte texten!

Medlem sedan aug. 2000359 inlägg
#5

Finns två sätt:
Det smidigaste: Använd en semitransparent png som bakgrund

Det lite krånligare: Lägg två nästlade divor med absolut positionering på origo, och sätt -moz-opacity, filter och bakgrund på den ena och lägg texten i den andra som har högre z-index

Medlem sedan mars 20025 907 inlägg
Medlem sedan juni 20003 076 inlägg
#7

higa skrev:

Finns två sätt:
Det smidigaste: Använd en semitransparent png som bakgrund

Funkar det i ie då?

Medlem sedan aug. 2000359 inlägg
#8

Tyvärr gör det inte det, transparenta png's ser ut som tarmframfall i ie. Men både Opera och Mozilla har klarat det länge.

Medlem sedan juni 20003 076 inlägg
#9

då får det bli två lager med moz och filter i det ena. :)

132 ms totalt · 3 externa anrop · v20260731065814-full.25f56b17
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)