IE,firefox , chrome设置圆角 css
来源:互联网 发布:炒股软件公式编写 编辑:程序博客网 时间:2024/04/29 23:56
firefox中:设置圆形○:border-radius:12px 12px 12px 12px;
设置圆角:border-radius:5px;
网上所说的用 -moz-border-radius: 5px;,但这对16.0.2版本的firefox并不生效。
谷歌浏览器:-webkit-border-radius:3px;
如果你想设置四个角都是一样圆角的话,依然可以像这样子直接设置-webkit-border-radius:3px;
如果是单独设置四个角的话,需要采取这种方式
-webkit-border-top-left-radius:5px 10px;
-webkit-border-top-right-radius:5px 10px;
-webkit-border-bottom-right-radius:5px 10px;
-webkit-border-bottom-left-radius:5px 10px;
如果是要合并的话,只支持-webkit-border-radius:3px;或者是这样子-webkit-border-radius:3px 4px;使用-webkit-border-radius:5px 0 5px 0;将不会有任何效果。
IE下设置:
-khtml-border-radius: 5px;(IE9是支持的,不知道IE8及以下支持的情况)
总结:
兼容不同浏览器圆角设置:
-moz-border-radius: 5px;-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
0 0
- IE,firefox , chrome设置圆角 css
- IE,firefox , chrome设置圆角 css
- CSS透明度设置支持IE,Chrome,Firefox浏览器
- CSS透明度设置支持IE,Chrome,Firefox浏览器
- CSS半透明度设置,兼容Firefox, IE, Chrome, Opera and Safari
- CSS:IE,Chrome,Firefox兼容性和CSS Hack
- CSS:IE,Chrome,Firefox兼容性和CSS Hack
- CSS:IE,Chrome,Firefox兼容性和CSS Hack
- CSS:IE,Chrome,Firefox兼容性和CSS Hack
- CSS:IE,Chrome,Firefox兼容性和CSS Hack
- css 设置 透明度,适用ie,firefox
- javascript+css 实现右键菜单 (IE, firefox,chrome)
- Web browser hacks, Css hacks - ie, firefox, chrome, safri, Opera
- CSS颜色渐变(兼容IE、Firefox、Chrome、Safari)
- Firefox/Chrome/IE浏览器关于CSS和JavaScript的兼容性
- CSS设置DIV Herf底层图片和链接同时改变,兼容IE,Firefox,Opera,Safari,Chrome等
- CSS设置DIV Herf底层图片和链接同时改变,兼容IE,Firefox,Opera,Safari,Chrome等
- IE、Firefox、Chrome比较
- 2015最火的十大开源项目,是个程序员你就该看看!
- 3.5 fdopen()和fileno()函数 http://book.2cto.com/201212/11763.html
- 第八周第三天
- 去除img图片之间的空隙css样式
- android学习资源网址(收藏)
- IE,firefox , chrome设置圆角 css
- EOJ 2832:ZERO(DFS)
- RAID详解[RAID0/RAID1/RAID5/RAID10]
- 多重继承与虚继承
- iOS开发 -- WebSocket 通信(一)
- SPOJ 7001 Visible Lattice Points (莫比乌斯反演)
- 纯代码实现QQ聊天界面---TableView使用详解
- HDU 5441 Travel (并查集)
- ubuntu14.04离线安装vim