IE9及以下版本浏览器中 filter 设置 背景渐变 border不显示
来源:互联网 发布:博客数据出售 编辑:程序博客网 时间:2024/05/22 00:15
今天在做项目的时候发现一个问题,其实浏览器中设置了背景渐变后又设置了边框都可以正常显示,但是在IE9及其以下的版本中不显示边框
找了一些资料,找到了原因:
例如:
.table th{
border:1px solid #ccc;
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff',endColorstr='#f5f5f5',GradientType=0);
}
这样写在IE9及以下的版本是不显示边框的
解决办法:
.table th{
border:1px solid #ccc;
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff',endColorstr='#f5f5f5',GradientType=0);
/*add code*/
background-clip: padding-box;
position:relative;}
完美解决!
原来背景也有边界的:决定背景会盖住哪些部分。
background-clip: border-box background-clip: padding-boxbackground-clip: content-boxbackground-clip: inherit
豁然开朗!
1 0
- IE9及以下版本浏览器中 filter 设置 背景渐变 border不显示
- IE9 以下版本浏览器兼容html5
- 在ie9以下的版本placeholder显示
- IE9以下版本浏览器不兼容JavaScript功能解决方案合集
- 判断 IE9及以下浏览器hack方法
- IE9及以下版本检测提示升级
- IE9 以下版本浏览器兼容HTML5的方法
- jq 解决ie9以下 select宽度固定 option 显示不
- IE9及以下的版本的String的trim方法
- jquery 解决ie9及以下版本不支持placeholder属性
- IE8和IE9使用filter实现渐变背景时的颜色问题
- CSS设置div背景渐变显示
- ios6及以下设置uitableview背景颜色
- h5兼容ie9以下版本
- js判断IE6及以下版本浏览器
- td在relative模式下,IE9不显示border,chrome正常显示边框
- 判断浏览器版本是否是ie9以下浏览器,如果是调到提示换更高级版本浏览器页面
- android 中设置背景颜色渐变
- Android获取前台进程包名
- listview中item的各种进入效果实现
- 利用Masonry自适应键盘高度
- java代码审查检查表
- 龟兔赛跑 PAT
- IE9及以下版本浏览器中 filter 设置 背景渐变 border不显示
- iOS开发——Carthage:去中心化的Cocoa依赖管理器
- iOS Xcode6之后给工程添加全局引用文件(pch头文件)
- JAVA 基础之 异常机制
- 阅读String源码总结【jdk1.6】
- c#中委托的介绍
- hdu4081Qin Shi Huang's National Road System【次小生成树】
- 给毕业了奋斗了一年的人(转)
- 区分.html/.shtml/.htm