Bookmark and Share

Lee's 程序人生

HTML CSS Javascript XML AJAX ATLAS C# C++ 数据结构 软件工程 设计模式 asp.net Java 数字图象处理 Sql 数据库
  博客园  :: 首页  :: 新随笔  :: 联系 :: 管理

给层加个阴影 —xhtml+css

Posted on 2008-09-17 17:57  analyzer  阅读(481)  评论(0编辑  收藏  举报

如何给层加阴影呢?

一种方法是两个层重叠,然后设置下面这个层的为阴影层,可加入alpha等属性来确定透明性

另外一种方法是用dximagetransform.microsoft.shadow来设置

(名字可能长了,但是多打就会记住了,也不用去理解他是什么意思)

不过这个有个缺点就是只能适合IE核心的浏览器

我们就用第二中方法来制作层阴影吧,感觉还好看

<html>

<head>

<style type=”text/css”>

#yinying{

width:100px;

height:100px;

background:#efefef;

filter:progid:dximagetransform.microsoft.shadow(color=#999999,direction=135,strength=3)

}

</style>

</head>

<body>

<div id=”yinying”></div>

</body>

</html>

我要啦免费统计