Just nu i M3-nätverket
Gå till innehåll

CSS filters och tablecells


JUTE

Rekommendera Poster

Hej

 

jag håller på att lära mig om css och dess filter, Jag vet nästan hur man gör med txt, men nu undrar jag on jag kan apllicera examplelvis ett shadow filter till en tablecell, låt oss säga att jag har en tablecell som e 100 % bredd och dess färg e gul, kan Ijag då applicerara ett shadow eller edge filter så att den gula färgen är omringad med med svarta kanter, Jag har provat litte men ej fått det att fungera, nån som vet nåt

Länk till kommentar
Dela på andra webbplatser

 

Hej.

Vill du hålla på och knåckla med filter så skulle jag använda div och spantaggar så kan du lägga både bilder med text över och massor av filter.

 

Länk till kommentar
Dela på andra webbplatser

Hej Nilsson !

 

Skulle du kunna ge mig ett litet exempel

där man har en bakgrundsbild i en tabelcell och sen lägger txt över den bilden

 

 

Länk till kommentar
Dela på andra webbplatser

Hej.

Här har du två exempel på hur man har bakgrundsbild samt lägger filter ovanpå. Utan att ha haft tid att kolla...

 

<div style="width: 100px; height: 50px;

background-image: url(bild.gif); background-repeat: no-repeat; filter: Alpha(Opacity=40);">

TEXT</div>

// Här läggs filtret på hela blocket dvs både bild och text. Du måste ange width och height för att filtret skall funka (tror jag. prova med width: auto;??)

 

<div style="position: relative; width: 100px; height: 50px; ">

<img src="vcss.gif" style="filter: Alpha(Opacity=40);" />

<div style="position: absolute; top: 0px; left: 0px; ">TEXT</div></div>

// Här får du måckla med positionering för att kunna lägga filtret bara på bilden samt flytta tillbaka texten utan att få filter på den.

 

Hoppas det var till någon hjälp.

 

 

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...