css里阴影效果滤镜DropShadow颜色数值的详细设置
关于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颜色数值的详细设置》的评论
- 发表评论
您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。
- 更多>>同类信息
- 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还有其它的吗