订阅本栏目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

css里阴影效果滤镜DropShadow颜色数值的详细设置

vision.webidea.com.cn 2008/5/26 21:38:55 深山行者 字体: 浏览 9288

关于css里面的阴影效果,我可以本能反映的使用滤镜DropShadow,问题就是今天发生的问题,居然让我思考了15分钟,最初始我的样式写法:

filter : progid:DXImageTransform.Microsoft.DropShadow(color=#666,offX=5,offY=5,positives=true);

也搞不清楚是那里复制来的,反正我肯定背不下来,从来都是一句搞定,今天这个客户突然提个要求说:阴影小一点。我想,那简单啊修改参数offX和offY,于是

filter : progid:DXImageTransform.Microsoft.DropShadow(color=#666,offX=3offY=3,positives=true);

没反映,ft,怎么搞的,然后就陷入了深入的排查样式冲突啊,重复定义啊,加单位啊什么的。无结果,无奈拿出宝书,小雨的样式表手册,直接运行示例,开始看到一个颜色数值:#00404040,自做聪明认为小雨的低级错误,选了下边的#003399,一切顺利,又很白痴的对照了5分钟

filter : progid:DXImageTransform.Microsoft.DropShadow(color=#003399,offX=3,offY=3,positives=true);

这时突然醒悟过来,颜色不能缩写!也就是说我以前的#666必须写成#666666,赶紧看color说明:可选项。字符串(String)。设置或检索此滤镜作用的颜色值。其格式为 #AARRGGBB 。AA 、RR 、GG 、BB 为十六进制正整数。取值范围为 00 - FF 。 RR 指定红色值, GG 指定绿色值, BB 指定蓝色值,参阅 #RRGGBB 颜色单位。 AA 指定透明度。 00 是完全透明。 FF 是完全不透明。
默认值为 #FF404040 。

原来如此!道理很简单,为什么一直疏忽并没有发现,最后总结原因如下:

1,颜色值必须全写,和我以前理解样式定义安全色可简写理论相悖;

2,当颜色指派不成功时,如#666,不报错,自动以默认方式执行,也就是默认黑色,各偏移5,恰好是我的常用样式,故一直未被发现有问题;

3,color=#FF404040用法有概念混淆误导,真是孤陋寡闻第一次看到,以前从未注意。

相关阅读
网站提示错误页面,几秒后返回首页
兼容ie和火狐ff的透明度设置
非常不错的支持各种浏览器的简易调色板
福建省武夷山旅行社官方网站
深山留言板情人节效果
连云港电子杂志网站
关于字体在CSS中处理效果的思考
一行两列的CSS设置代码
共有0条关于《css里阴影效果滤镜DropShadow颜色数值的详细设置》的评论
发表评论
正在加载评论......
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>同类信息
jquery设置或获取修改classname
利用css3.0写出一个音乐播放的唱片碟盘的效果
利用css中的scale()实现放大缩小效果
利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明
css背景使用base64编码或者将base64编码放在img图片标签中
利用css3中的-webkit-font-smoothing把网页文字的毛边去掉
更多>>最新添加文章
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
更多>>随机抽取信息
iframe框架自适应高度代码
深山行者留言系统V3.3发布
一个非常好的photoshop cs 教程下载地址
吉林省文化国际旅行社有限公司
使网页右键失效
留言板(钓鱼岛模板)V5.3