CSS IE 兼容性

标签 css internet-explorer google-chrome

我正在使用以下 CSS 代码,它与 Chrome 完美兼容,但与 IE 浏览器不兼容

.collapse{
    display:block;
}
.collapse + input[type="checkbox"]{
  display:none;
}
.collapse + input[type="checkbox"] + *{
  display:none;
}
.collapse + input[type="checkbox"]:checked + *{
  display:block;
}

示例代码 [Fiddle] ( http://jsfiddle.net/Zr5Nf/ )

最佳答案

@Itay 非常感谢您的帮助,我刚刚替换了行 <meta http-equiv="X-UA-Compatible" content="IE=8" /><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

关于CSS IE 兼容性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21719779/

相关文章:

html - 使用按钮提交表单

javascript - LESS/CSS 在输入中添加第二个类以覆盖第一个类的宽度

javascript - 将 Chrome 扩展程序转换为书签

google-chrome - 如何从 Chrome 扩展程序的 bg 页面访问弹出页面 DOM?

css - webkit 上的-moz-background-inline-policy

css - 在 Wordpress 上显示在其他人后面的菜单项

javascript - 不懂 jQuery .attr() 参数

Javascript:根据是否为 ​​IE7 而改变

css - 特殊单选按钮在 Internet Explorer 11 上不起作用

internet-explorer - Angular 2/如何防止IE自动触发输入验证?