网页设计Dreamweaver中CSS滤镜的 阴影效果和光照效果 显示出问题。

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了网页设计Dreamweaver中CSS滤镜的 阴影效果和光照效果 显示出问题。相关的知识，希望对你有一定的参考价值。

一、 .yyxg filter: Shadow(Color="#6699CC", Direction="135"); 最后图片和原图没有区别，怎么回事？
二、.gzxg filter: Light;最后显示图片是全黑色的，怎么回事？

参考技术A 兼容性问题哈 换个浏览器试试 比如chrome safari firefox 参考技术B css滤镜并不是所有都兼容。本回答被提问者采纳

css 使用滤镜的透明度图像的动态阴影

.png-image {
    -webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.5));
    filter: url(#drop-shadow);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}

以上是关于网页设计Dreamweaver中CSS滤镜的 阴影效果和光照效果 显示出问题。的主要内容，如果未能解决你的问题，请参考以下文章

图片圆角图片响应式图片阴影图片滤镜

CSS左边竖条实现方法

CSS滤镜filter

CSS3 filter:drop-shadow滤镜与box-shadow区别应用

CSS滤镜

CSS 阴影怎么写？