我很想找到用CSS创建盒子阴影的方法是最有效的。但我的意思是:易于实现,灵活性和跨浏览器兼容性。用CSS创建盒子阴影的最有效方法
1
A
回答
1
洋葱皮是我个人的最爱。
可以在此alistapart article中找到一个示例。
0
我觉得最有效的目前的方法是这样的:
所需的CSS规则:在应用了CSS
.shadow{ position:relative; display:block; background-color:#bbb; border:1px solid black; } .shadowed_item{ position:relative; border:1px solid black; background-color:white; top:-5px; left:-5px; }
HTML代码:
<div class='shadow'> <div class='shadowed_item'>I have a shadow.</div> </div>
我发现它很易于实施,灵活且在FF 3上工作相同,IE 6 & 7.
0
一种方法可以轻松地工作,并且具有跨浏览器一致性,它是jQuery Shadow plugin。 如果你不过度使用,它不会减慢页面渲染速度。否则,你可以等到CSS3被广泛使用;)
相关问题
- 1. CSS盒子阴影消失
- 2. 在IE6,7,8 CSS盒子阴影
- 3. CSS盒子阴影重叠
- 4. 适用于svg盒子的Css阴影
- 5. 盒阴影效果
- 6. CSS盒子阴影在jQuery .css()
- 7. CSS盒子阴影不适用于Chrome
- 8. IE的盒子阴影效果
- 9. 有没有办法使用CSS创建软件盒的背景阴影?
- 10. CSS中的非盒子阴影
- 11. 隐藏CSS盒子的阴影
- 12. 有没有办法阻止盒子敲出盒子阴影?
- 13. 当用户点击/触摸时,CSS盒子阴影效果
- 14. 只使用css获取堆叠元素盒子阴影效果?
- 15. CSS盒子阴影导致滚动条
- 16. IE盒子阴影CSS不工作
- 17. CSS曲线渐变和盒子阴影
- 18. CSS盒子阴影显示不正确
- 19. CSS盒子阴影动画技巧?
- 20. CSS盒子阴影属性未在Safari
- 21. CSS是产生一个盒子阴影不是阴影
- 22. CSS:盒子右侧的旋转阴影效果
- 23. tr的盒子阴影
- 24. CSS:创建凸起盒子效果的好方法是什么?
- 25. box-shadow css属性,产生阴影效果的有效方法?
- 26. 有没有办法在css中使用带有模糊的盒子阴影?
- 27. 用CSS3创建弯曲的盒子阴影
- 28. 我可以用CSS <3创建一个漂亮的盒子阴影吗?
- 29. CSS3盒子阴影没有深度
- 30. IE 9盒子阴影没有显示
我需要这样做,而不诉诸黑客。使用js就是其中之一。 – 2008-11-05 19:54:09