日期:2014-05-17  浏览次数:20622 次

使用滤镜给div添加外部投影怎么做
<html>
<head>
<meta http-equiv="Content-Type" content="text/html" />
<style type="text/css">

#mydiv{
width:50px;
height:100px;border:1px solid #666;color:#000;
filter:shadow(color=#cc66ff,direction=-50);
}
</style>

</head>
<body>
<div id="mydiv">
</div>
</body>

</html>

投影效果已经有了
但是我想的是投影在div 的后面 也就是外面 怎么做,高手指点 在线等急。。

------解决方案--------------------
滤镜效果只作用在有边框对象的内部.
要做外部投影, 需在外面加一个div定义滤镜效果且与内部对象保留一定间距.
------解决方案--------------------
你给div定义这个投影以后,div内面的元素也会继承这个投影的
我用过的方法:
1、图片法(有点复杂,用一张图片能适应所有大小的div投影)
2、欠套DIV法,两个DIV,外面的比里面的大各2px,里面的1px border深色,外面的2px很浅色,试试效果(可以用js动态设置DIV大小)
------解决方案--------------------
去GOOGLE里去看看,里面有很多例子