【发布时间】:2014-02-12 05:53:44
【问题描述】:
我正在使用以下 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;
}
示例代码 [小提琴] (http://jsfiddle.net/Zr5Nf/)
【问题讨论】:
-
您尝试支持的 IE 版本
-
我尝试了 IE 10 和 11
-
请提供更多代码....使用小提琴
-
按
F12并转到Emulation选项卡 (Ctrl+8)。确保您的浏览器模式为Document mode: Edge(Default), Browser profile: Desktop, User agent string: Default -
@Itay 非常感谢您的帮助,我刚刚将
<meta http-equiv="X-UA-Compatible" content="IE=8" />替换为<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
标签: css internet-explorer google-chrome