我很想找到用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. 适用于svg盒子的Css阴影
- 3. CSS盒子阴影不适用于Chrome
- 4. IE的盒子阴影效果
- 5. 只使用css获取堆叠元素盒子阴影效果?
- 6. IE盒子阴影CSS不工作
- 7. CSS盒子阴影显示不正确
- 8. CSS盒子阴影导致滚动条
- 9. CSS:盒子右侧的旋转阴影效果
- 10. tr的盒子阴影
- 11. CSS:创建凸起盒子效果的好方法是什么?
- 12. box-shadow css属性,产生阴影效果的有效方法?
- 13. 有没有办法在css中使用带有模糊的盒子阴影?
- 14. 用CSS3创建弯曲的盒子阴影
- 15. IE 9盒子阴影没有显示
- 16. 使用CSS3盒子阴影的三面一个像素阴影
- 17. 如何创建看起来像曲线的盒子阴影效果?
- 18. 如何在CSS中的元素上创建双重盒子阴影?
- 19. 盒阴影没有出现在双方
- 20. 为什么CSS盒子阴影会产生阴影在不需要的位置?
- 21. 如何用褪色的侧边栏创建CSS阴影效果
- 22. CSS内盒阴影的IE 7和8
- 23. 子菜单悬停的CSS盒子阴影
- 24. 没有顶盒阴影?
- 25. 创建与盒子阴影UI反应本地
- 26. 盒子阴影不起作用
- 27. 只有一个方向的css3盒子阴影?
- 28. 箱子阴影转为使用css创建的三角形
- 29. 如何使用CSS在特定区域添加盒子阴影?
- 30. CSS盒阴影不工作在IE7/8
我需要这样做,而不诉诸黑客。使用js就是其中之一。 – 2008-11-05 19:54:09