Just nu i M3-nätverket
Jump to content

CSS filters och tablecells


JUTE

Recommended Posts

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

Link to comment
Share on other sites

 

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.

 

Link to comment
Share on other sites

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.

 

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...