首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

使用滤镜给div添加外部投影如何做

2012-03-04 
使用滤镜给div添加外部投影怎么做htmlheadmeta http-equivContent-Type contenttext/html /s

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

热点排行