使用滤镜给div添加外部投影如何做
日期：2014-05-17 浏览次数：20675 次
使用滤镜给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里去看看,里面有很多例子
<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里去看看,里面有很多例子
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
