firefox与chrome在border-image属性下的一些区别
来源:互联网 发布:用数据脱恐艾滋病 编辑:程序博客网 时间:2024/05/18 03:11
首先,浏览器兼容性已经设置过了
.border-image-round{/*round图型边框*/ border-image: url("./images/border.png")27 round; -moz-border-image: url("./images/border.png")27 round; -webkit-border-image: url("./images/border.png")27 round; -o-border-image: url("./images/border.png")27 round;}
尝试在浏览器里运行下,结果如下:
chrome:![这里写图片描述](http://img.blog.csdn.net/20160418162528537)firefox:![这里写图片描述](http://img.blog.csdn.net/20160418162638758)
加上边框属性:
.border-width{ border: 3px solid;}
好了,再来看看:
firefox:![这里写图片描述](http://img.blog.csdn.net/20160418162850277)
表现良好!
ok,其实主要是solid这个属性,对于火狐浏览器来说一定要加上。不然border-image是不显示的。
虽然border-image属性用的少,但是碰到了,记录下。
0 0
- firefox与chrome在border-image属性下的一些区别
- span border-top,border-bottom属性在IE不显示解决方法,兼容IE ,Chrome,Firefox
- IE下设置unselectable与onselectstart属性的bug,Firefox与Chrome下的解决方案
- firefox和chrome 中tr下的td colspan属性在tr 隐藏时无效
- 在 Firefox下与innerText等效的属性:textContent
- textContent在Firefox下与innerText等效的属性
- CSS3的新增属性border-image
- CSS3圆角属性在Firefox,Chrome,Safari的实现
- CSS3圆角属性在Firefox,Chrome,Safari的实现
- CSS3圆角属性在Firefox,Chrome,Safari的实现
- 熟悉border-image的一些特性
- innerHTML与innerText在IE和Firefox下的区别。
- CSS3 border-image 属性
- CSS3 border-image属性
- border-image属性分析
- CSS3 border-image属性
- 关于border-image属性
- CSS中边框border属性、border-raduis圆角与border-image详解
- EAS收集KSQL日志的方法
- PowerDesigner设计Name和Comment 替换
- DenyHosts 防止SSH爆破
- 网络:HTTP 状态码
- 关于单参构造函数和类型转换函数
- firefox与chrome在border-image属性下的一些区别
- 更新UI的方法
- Caffe学习系列(4):激活层(Activiation Layers)及参数
- Implicit & Explicit Waits in Selenium
- iOS开发 cell重用 封装自定义方法实现
- 算法设计与分析之-最大子段和 (分治)
- Java中类的排序
- 326. Power of Three
- 如何让oracle的select强制走索引