Modernizr基础知识

Question

我在我的页面中包含了modernizr，但是如果我无法访问这些浏览器，我将如何测试它在IE 6-7中的工作？做类似的东西： http://designshack.net/articles/css/build-a-freaking-awesome-pure-css-accordion/

基本CSS：

.accslide { 
    height: 0px; 
    width: 0px; 
    overflow: hidden; 
    } 
    input[type="radio"]:checked+label ~ .accslide { 
    width: 100%; 
    height:auto; 
    } 

如果第二选择不火，内容将是不可见的。

如果CSS3不受支持，是否有一种方法只加载Modernizr？ 如何测试Modernizr是否在使用我的CSS选择器？

Answer 1

Modernizr不添加任何功能的浏览器，只是检查现有的funcitionality。如果你想测试选择器支持，你需要添加它。 Here's a gist

但是，即使这样也不会让你想要完成什么，我想，当你检查单选按钮时，会显示accslide元素。如果您希望支持IE6，您很可能需要使用javascript。 - IE6甚至不支持[type="radio"]选择器，所以您也不能使用它。

您需要为单选按钮添加一个点击/更改处理程序，并使用类更新它的容器以正确获得所需的功能，特别是支持IE6。

这里是你的CSS是什么样子的例子：

#radioContainer .accslide { 
height: 0px; 
width: 0px; 
overflow: hidden; 
} 
#radioContainer.on .accslide { 
width: 100%; 
height:auto; 
} 

现在，在JavaScript中，有人点击时/改变单选按钮只需添加/删除on类的#radioContainer元素。 注：我给#radioContainer的ID B/C IE6将不会从两个CSS类名称样式的元素（最终，你将不会被支持IE6，并可以简单地提供.radio-container.on，不会对IE6的工作）

Answer 2

如果给定的浏览器不支持它，Modernizr将不会启用CSS功能（如更新的选择器）。它主要是一个功能检测库。