【outline的兼容性及使用限制】的更多相关文章

outline的兼容性及使用限制

outline 和 border的区别: outline不占据文档空间,border占据文档空间. outline无法单独设置上下左右,只要设置outline,必须所有的边都设置:border可以设置任意一个方向时候有border. outline的兼容性问题: IE8一下不支持outline. 由于outline不占据文档空间的特性,在很多情况下很好用.但它最大的限制就是无法单独设置某个方向的边.并且存在兼容性问题.…

移动端 几个css3属性的练习

转行做前端,上班有一个星期了,什么都不懂,今天学习了几个新的css3属性,记录下来. 注:所有的测试均是在chrome上手机模式测试,与真实的手机环境可能有误差 1:-webkit-tap-heighlight-color:rgba();改变safari 与大部分android机可点击元素,点击时产生的半透明灰色背景 在ios safari 与大部分android机中有效,alpha设置为0时,去掉背景色: 点击是默认状态: 2:   ::selection选择器 w3c school中说明:…

浏览器兼容性问题——IE不支持却很实用的CSS属性Outline和Child

1. Outline(适用范围:鼠标悬浮hover加外边框) 我们在布局的时候,常常会因为添加边框border影响宽高的布局. 那么,outline是完美的替代品,因为它可以在不影响文档流的情况下呈现该对象.但是IE6 和IE7 不支持 outline 属性.所以,它不能在这两个浏览器中用于调试. <head> <meta charset="UTF-8"> <title>Title</title> <style> ul { w…

利用CSS3实现圆角的outline效果的教程

一.首先,outline是个很牛的东西1. border近亲outline和border是近亲,为什么这么讲呢?首先,都是给元素外面套框框的:其次,支持的属性值几乎都是一样的,例如,outline-style和border-style值dotted, dashed, solid, ...之类的,一些语法也几乎一样.如果这都不算近亲,你让绝对定位和浮动何言以对. 2. IE8+支持outline严格来讲属于CSS3属性,但是IE8+浏览器就支持了.外挂一句,IE9+浏览器的outline还支持in…

浏览器兼容性之Css篇

本文与上一篇随笔<浏览器兼容性之Javascript篇>有一定关联,下来我会继续不断总结,旨在解决浏览器兼容性,对遇到类似问题的同仁有所帮助,如有更多解决浏览器兼容性的案例还望大家分享一起讨论. 最近公司的BS产品对浏览器兼容性呼声愈来愈多,具体用户事情情况其实不是我关心的问题,总之工作都是都围绕着IE6-IE10(IE11暂时没涉及),Chrome,FireFox三大主流浏览器进行,(顺便吐槽一下Firefox已经算不上主流了),另外360和搜狗浏览器的使用者还是比较多.作为平台维护的我不论…

IE11的CSS兼容性问题

最近测试给了我一大堆BUG,一瞅发现全是IE11的.吐槽一下这个浏览器真的比较特立独行.很多默认的样式跟别的浏览器不同,而且最明显的一点应该是padding左右内边距往往比别的浏览器大了一倍.但是当需要修改的时候又头疼了.如果改变原有的padding值,那么在IE11生效了.别的浏览器又有问题了.于是在网上搜了一下有没有专门针对IE11的CSShack,就是只对IE11生效的CSS样式,一查还真有.就是在CSS样式文件中加一个@media screen and(-ms-high-contrast…

对浏览器css兼容性的学习理解及问题解决汇总

一.从浏览器内核的角度 来看,浏览器兼容性问题可分为以下三类: 1. 渲染相关:和样式相关的问题,即体现在布局效果上的问题. 2. 脚本相关:和脚本相关的问题,包括JavaScript和DOM.BOM方面的问题.对于某些浏览器的功能方面的特性,也属于这一类. 3. 其他类别:除以上两类问题外的功能性问题,一般是浏览器自身提供的功能,在内核层之上的. 二.浏览器兼容性相关问题及其解决思路 1.目前,各主流浏览器的新版本,对于  W3C  的标准支持很好,因此,首先保证代码符合 W3C 的标准,这是…

CSS如何实现圆角的outline效果？

一.首先,outline是个很牛逼的东西 温故而知鑫,10年的时候写过一篇可用性方面的文章:“页面可用性之outline轮廓外框的一些研究”,还算挺有用的:3年之后,也就是13年,介绍了个没什么使用价值的东西:“纯CSS实现的outline切换transition动画效果”. 个把星期前,微博上抛出了个问题: 有没有什么方法利用CSS以及使用一层标签实现下面这个加号效果,[不能使用::before, ::after伪元素实现][box-shadow效果不好,我试过了,小尺寸IE会糊边],兼容IE…

【web前端开发】浏览器兼容性处理

1.居中问题div里的内容,IE默认为居中,而FF默认为左对齐,可以尝试增加代码margin: 0 auto;2.高度问题两上下排列或嵌套的div,上面的div设置高度(height),如果div里的实际内容大于所设高度,在FF中会出现两个div重叠的现象:但在IE中,下面的div会自动给上面的div让出空间所以为避免出现层的重叠,高度一定要控制恰当,或者干脆不写高度,让他自动调节,比较好的方法是 height:100%;但当这个div里面一级的元素都float了的时候,则需要在div块的最后,…

css之outline实现圆角效果

对,你没有看错,outline也可以实现圆角,不过请先读完自然会知道结果: ========================================================================================================================================================================== 都知道border属性和outline属性,都是边框的意思, 其次,支持的属性值几…