CSS+；HTML手风琴不在IE 8中工作
我想包括手风琴下拉到我的网站，它不是在IE 8工作。这是代码供您参考。我查过谷歌，发现psuedo元素在IE8及以下版本中无法正常工作。那么，替代方案是什么：CSS+；HTML手风琴不在IE 8中工作,html,css,Html,Css,我想包括手风琴下拉到我的网站，它不是在IE 8工作。这是代码供您参考。我查过谷歌，发现psuedo元素在IE8及以下版本中无法正常工作。那么，替代方案是什么： .transition，p，ul li i:before，ul li i:after{ 过渡：所有0.25秒缓进缓出； } .flipIn，h1，ul li{ 动画：翻转0.5s，使两者都轻松； } .否选择，h2{ -webkit点击突出显示颜色：透明； -webkit触摸标注：无； -webkit用户选择：无； -khtml用户选择
.transition，p，ul li i:before，ul li i:after{
过渡：所有0.25秒缓进缓出；
}
.flipIn，h1，ul li{
动画：翻转0.5s，使两者都轻松；
}
.否选择，h2{
-webkit点击突出显示颜色：透明；
-webkit触摸标注：无；
-webkit用户选择：无；
-khtml用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
}
html{
宽度：100%；
身高：100%；
前景：900人；
溢出y：滚动；
背景色：#dce7eb；
字体系列：“提香网”，无衬线；
颜色：rgba（48,69,92,0.8）；
}
身体{
最小高度：0；
显示：内联块；
位置：相对位置；
左：50%；
利润率：90px0；
转换：转换（-50%，0）；
盒影：0 10px 0 0#ff6873插图；
背景色：#fefffa；
最大宽度：450像素；
填充：30px；
}
@介质（最大宽度：550px）{
身体{
框大小：边框框；
变换：平移（0,0）；
最大宽度：100%；
最小高度：100%；
保证金：0；
左：0；
}
}
h1，h2{
颜色：#ff6873；
}
h1{
文本转换：大写；
字体大小：36px；
线高：42px；
字母间距：3px；
字号：100；
}
氢{
字号：26px；
线高：34px；
字体大小：300；
字母间距：1px；
显示：块；
背景色：#fefffa；
保证金：0；
光标：指针；
}
p{
颜色：rgba（48,69,92,0.8）；
字号：17px；
线高：26px；
字母间距：1px；
位置：相对位置；
溢出：隐藏；
最大高度：800px；
不透明度：1；
变换：平移（0,0）；
边缘顶部：14px；
z指数：2；
}
保险商实验室{
列表样式：无；
前景：900人；
填充：0；
保证金：0；
}
ulli{
位置：相对位置；
填充：0；
保证金：0；
垫底：4px；
填充顶部：18px；
边框顶部：1px点#dce7eb；
}
ul li：第n种类型（1）{
动画延迟：0.5s；
}
ul li：第n种类型（2）{
动画延迟：0.75s；
}
ul li：第n种类型（3）{
动画延迟：1s；
}
ulli：最后一种类型{
填充底部：0；
}
ulli i{
位置：绝对位置；
转换：转换（-6px，0）；
边缘顶部：16px；
右：0；
}
前，后{
内容：“；
位置：绝对位置；
背景色：#ff6873；
宽度：3倍；
高度：9px；
}
ulli i：之前{
变换：平移（-2px，0）旋转（45度）；
}
ulli i：之后{
变换：平移（2px，0）旋转（-45度）；
}
ul li输入[类型=复选框]{
位置：绝对位置；
光标：指针；
宽度：100%；
身高：100%；
z指数：1；
不透明度：0；
}
ul li输入[类型=复选框]：选中~p{
边际上限：0；
最大高度：0；
不透明度：0；
转换：翻译（0,50%）；
}
ul li输入[类型=复选框]：选中~i:之前{
变换：平移（2px，0）旋转（45度）；
}
ul li输入[类型=复选框]：选中~i:之后{
变换：平移（-2px，0）旋转（-45度）；
}
@关键帧向下翻转{
0% {
不透明度：0；
变换原点：顶部中心；
变换：rotateX（-90度）；
}
5% {
不透明度：1；
}
80% {
变换：rotateX（8度）；
}
83% {
变换：旋转（6度）；
}
92% {
变换：rotateX（-3deg）；
}
100% {
变换原点：顶部中心；
变换：旋转（0度）；
}
}
引导示例
仅CSS+HTML手风琴元素
-
使用的语言
这个页面是用HTML和CSS编写的。CSS是从SASS编译而来的。我使用Normalize作为CSS重置和前缀free来避免一些麻烦。我还没有完全掌握Slim编译成HTML的诀窍，但总有一天我会使用它，因为它的语法与SASS的语法是互补的。无论如何，这一切都可以在纯HTML和CSS中完成
-
工作原理
使用同级选择器和选中选择器，我们可以根据复选框输入元素的选中状态确定同级元素的样式。这里演示的一个用途是完全使用CSS和HTML accordion元素。媒体查询用于使元素响应不同的屏幕大小
-
兴趣点
通过将未检测到：checked时的打开状态设为默认状态，我们可以使不识别：checked的浏览器可以访问此系统。退路只是一个打开的手风琴。通过更改输入元素的“checked”属性，可以使用Javascript（如果需要）操纵手风琴
：选中的：选中的：checked