2011-04-06 31 views
0

我需要我的内容div的阴影框边框。目前我在css中使用以下代码来实现此目的。HTML:如何将边框图像附加到div

border-radius: 2px; 
-moz-border-radius: 2px; 
-webkit-border-radius: 2px; 
-webkit-box-shadow: rgba(0, 0, 0, .496094) 0px 1px 10px; 
-moz-box-shadow: rgba(0, 0, 0, .496094) 

但这只适用于谷歌浏览器。该阴影框不适用于其他浏览器。所以我需要知道如何使用边框图像来重复使用div。也请告诉我适当的图像大小使用...谢谢...

+1

'.496094'为不透明?真的吗? :) – 2011-04-06 16:36:29

回答

1

它只在Chrome中工作的原因是因为这是你给任何值的唯一浏览器。对于Firefox规则,您排除了0px 1px 10px
另外,您应该正确地订购它们,并包含非供应商特定的属性,以使其具有未来的可行性。看到这里 - http://css-tricks.com/ordering-css3-properties/
要在没有任何图像的IE中获得阴影,请查看http://css3pie.com

+0

谢谢很多人... – Vivek 2011-04-06 16:49:01