kutu gölgesi kesiliyor

Question

CSS3'ün box-shadow kullanırken genellikle sahip olmadığım bir sorun yaşıyorum.

Kutu gölgesi genellikle yalnızca kenarlarından taşar, ancak bunun üzerinde değil.

üst ve sağ taraftaki kesilmiş ediliyor

box-shadow ..

İşte ben box-shadow için kullanıyorum css:

-moz-box-shadow: 0 0 5px #555; 
-webkit-box-shadow: 0 0 5px #555; 
box-shadow: 0 0 5px #555; 

Alkış

Answer 1

cut-off olmak overflow:visible senin eleman yer alan herhangi bir div (ler) üzerinde ayarlanır emin olun edilir box-shadow edin.

Answer 2

sorundur merkez-ana div, gölgenin kenarını kırpıyor. Bunun üzerine overflow:visible'u ayarlayın ve görmelisiniz.

Answer 3

doğru göstermek gölge-box

.img{ 
    margin:20px; 
-moz-box-shadow: 0 0 5px #555; 
    -webkit-box-shadow: 0 0 5px #555; 
    box-shadow: 0 0 5px #555; 
} 

için bu tarz img etiketi ayarlayabilirsiniz

Answer 4

Bu soruna IE ile birden çok kez girdim ve bulduğum en iyi çözüm, div etrafında saydam bir anahat kullanmaktır. Bu, IE'nin Gecko ve Webkit'in olmadığı durumlarda bile kutu gölgesini kırpmasını engelliyor gibi görünüyor. Bu sorunu çözmek için anahat kullanmanın en iyi yanı, div'un konumunu etkilememesidir. mutlak ve alt: -30px üst div için belirli bir yer akrabası koymak

Örneğin, ben pozisyon kullanmıştı hangi bir div vardı. IE ve sadece IE, kutu gölgesinin üst ve alt kısmını kesiyordu. Bu çerçevenin eklenmesi, konumu değiştirmeden düzeltildi.

outline: 10px solid transparent;