2011-08-29 10 views

Odpowiedz

33

Live Demo

#element{ 
    background: #fff; /* The color you want for the radial gradient */ 
    width:100px; 
    height:100px; 
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100, finishopacity=0, style=2); 
} 

Link where I got the info

Radial Gradient

Dla Radial Gradient musimy stworzyć div-elementy. Ten element jest nakładką dla tła. Niż użyjemy filtra alfa. Alpha sprawi, że ten element będzie przezroczysty w specjalnym stylu. styl = 2 to alfa promieniowa. Oznacza to, że środek elementu będzie pełne barwione (nieprzezroczystość = 100), a zmętnienie stracą na krawędzi finishopacity (= 0)

+2

Brilliant !! działa nawet pod obrazem w tle! http://jsfiddle.net/edr4M/ Nie jestem pewien co do tła: przezroczysty; ale to nic takiego 1px transparent.gif nie może naprawić ..! –

+1

Zaryzykowałem podpisaniu zabezpieczeń mojego konta na moim koncie SO w nieznanej sieci, aby zaoferować ci przejęcie. Dzięki (3 rocznica) – th3byrdm4n

+0

@ th3byrdm4n haha ​​dzięki, cieszę się, że ta odpowiedź jest nadal przydatna – Loktar

Powiązane problemy