当前位置: 首页 > news >正文

文本阴影text-shadow全兼容

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

css3的出现让人们有了更多的选择,其中的text-shadow:length length length color

第一个length指阴影离开文字的横向距离

第二个length指阴影离开文字的纵向距离

第三个length指阴影的模糊半径

color指阴影的颜色

很好用,但是在日常工作中真的能非常好的使用吗?对于很多要考虑IE的人来说,如果仅是渐进增强的效果的话,倒是没什么问题,但是如果必须要考虑IE呢?

早前从网上看到一个关于IE的css3效果插件ie-css3.htc(CSS3 support for Internet Explorer 6, 7, and 8,要了解此插件使用方法可以查看关于ie-css3.htc的使用方法一文),这可以解决这个问题,经过实验可以达到效果,但是又极可能产生一些意想不到的问题,对于个人小站的话也许没什么问题,但是如果网站较大的话,那就不是一个很好的选择了。

由于除IE外的其他浏览器基本支持text-shadow,所以问题就是怎么解决IE下的阴影问题了,滤镜的使用。

filter:Dropshadow(offx=1,offy=0,color=#ffffff) Dropshadow(offx=0,offy=1,color=#ffffff) Dropshadow(offx=-1,offy=0,color=#ffffff) Dropshadow(offx=0,offy=-1,color=#ffffff)

Filter:DropShadow(Color=color,Offx=Offx,Offy=offy,Positive=positive)

该属性一共有四个参数: Color代表投射阴影的颜色。 Offx和offy分别X方向和Y方向阴影的偏移量。偏移量必须用整数值来设置。如果设置为正整数,代表X轴的右方向和Y轴的向下方向。设置为负整数则相反。

Positive参数有两个值:True为任何非透明像素建立可见的投影,False为透明的像素部分建立可见的投影。

相对与上面使用插件的方法,虽然使用滤镜会导致一些性能问题,但是不会有其他因此引起的问题,在某些必要的情况下也不失为一个好方法。

转载于:https://my.oschina.net/yangff/blog/87390

相关文章:

  • mysql 1040错误Too many connections的方法
  • 由su和su -的区别谈学习linux运维方法
  • 自动升级系统的设计与实现(续2) -- 增加断点续传功能 (附最新源码)
  • Dom4j递归输出所有的接点和值
  • 数据预处理
  • 流控PANABIT 12在ESX里安装小结
  • Oracle的oci和thin的不同
  • 几个 vim 的块操作命令
  • Android进阶:打jar包获取assets中的资源 解决selector XML文件不能解...
  • 模拟实现兼容低版本IE浏览器的原生bind()函数功能
  • oracle中exp,imp(导入,导出)的使用详解
  • 【原创】erlang 模块之 rpc
  • Extreme交换机基本配置-账号软件升级密码配置
  • 使用mysqldump导入导出含BOLB数据的表
  • root logger默认的level是logging.WARNING
  • 时间复杂度分析经典问题——最大子序列和
  • 【Linux系统编程】快速查找errno错误码信息
  • CEF与代理
  • es6要点
  • input的行数自动增减
  • Material Design
  • Mybatis初体验
  • Node项目之评分系统(二)- 数据库设计
  • Python语法速览与机器学习开发环境搭建
  • Redis学习笔记 - pipline(流水线、管道)
  • SegmentFault 社区上线小程序开发频道,助力小程序开发者生态
  • win10下安装mysql5.7
  • 给Prometheus造假数据的方法
  • 精益 React 学习指南 (Lean React)- 1.5 React 与 DOM
  • 如何解决微信端直接跳WAP端
  • 温故知新之javascript面向对象
  • 异常机制详解
  • 函数计算新功能-----支持C#函数
  • 教程:使用iPhone相机和openCV来完成3D重建(第一部分) ...
  • #我与Java虚拟机的故事#连载11: JVM学习之路
  • (C语言版)链表(三)——实现双向链表创建、删除、插入、释放内存等简单操作...
  • (JSP)EL——优化登录界面,获取对象,获取数据
  • (Python) SOAP Web Service (HTTP POST)
  • (TOJ2804)Even? Odd?
  • (独孤九剑)--文件系统
  • (强烈推荐)移动端音视频从零到上手(下)
  • (心得)获取一个数二进制序列中所有的偶数位和奇数位, 分别输出二进制序列。
  • (转)清华学霸演讲稿:永远不要说你已经尽力了
  • .axf 转化 .bin文件 的方法
  • .NET 设计模式初探
  • .NET/C# 使用反射注册事件
  • .py文件应该怎样打开?
  • /var/lib/dpkg/lock 锁定问题
  • @RequestBody详解:用于获取请求体中的Json格式参数
  • [20150707]外部表与rowid.txt
  • [BZOJ1877][SDOI2009]晨跑[最大流+费用流]
  • [C# WPF] 如何给控件添加边框(Border)?
  • [C# 网络编程系列]专题六:UDP编程
  • [C#]C# winform部署yolov8目标检测的openvino模型
  • [English]英语积累本