使用滤镜给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里去看看,里面有很多例子