支持FireFox的DIV阴影

DIV Shadow

简单而实用的DIV阴影效果代码O(∩_∩)O

代码转载自：http://www.03ds.com/jackie/article.asp?id=47 作者：jackie

主要思路：建立两个层，一个放内容的，一个当背景，两个层的大小相同，只是底部那个层位移，并底色为阴影色～
这种方法支持FireFox，如果用Filter有些浏览器是不支持D～

1. <style type="text/css">
2. *{
3. font-family:Tahoma;
4. font-size:12px;
5. color:#333;
6. }
7. .TipsGob{/*阴影层*/
8. position:relative;/*相对位置*/
9. background:#ccc;
10. display:block;
11. width:300px;
12. }
13. .TipsBody{/*内容层*/
14. border:solid 1px #999;
15. top:-2px;left:-2px;
16. background:#ffc;
17. position:relative;
18. display:block;
19. padding:10px;
20. }
21. </style>
22. <div class="TipsGob">
23. <div class="TipsBody">
24. <h3>DIV Shadow</h3>
25. <p>This code is for learning.</p>
26. <p>powered by jackie</p>
27. </div>
28. </div>