透明滚动条

Css 浏览器兼容性及其其他常见问题

安稳与你 提交于 2019-12-03 12:59:07
CSS IE10~11 透明滚动条 透明滚动条不占空间,显示时会覆盖内容 //--如下样式使滚动条变为普通样式 body { /* ... */ -ms-overflow-style: scrollbar; } IE10~11 输入框多个叉号 点击叉号会清空输入框内容,会覆盖自己定制样式,可能不会富客户端框架的一些事件 input::-ms-clear { display: none; } IE8 背景透明时无法响应事件 IE8以下的浏览器bug,背景透明的元素无法点击(实际点击的是其底层的元素) 对需要透明的div添加背景图片,图片为透明的png IE8 png图片有黑色边框 PNG的支持问题在于IE7及以上版本使用了filter来支持PNG的Alpha通道, 所以对于PNG来说其实已经偷偷被应用了一个 filter了。 虽然解决了主要的PNG透明问题,不过也伴随着另一个副作用,就是不能再应用其他filter。 或者准确地说是应用其他filter会破 坏IE对PNG的支持。这就是为什么PNG在渐隐和渐现的时候会有难看的黑边。 IE8 不支持background-size属性 如果必须做背景拉伸,可以添加一个100%的div,并添加一个img图片,设置div的z-index为负数 IE8下A标签的文字无法响应拖动事件 IE8不支持A标签意外的标签的:hover伪类 如果使用了