0
任何想法为什么此代码在IE上不起作用?我已经测试了多个版本,据我所知,focus元素应该可以工作,但是由于某种原因,当我点击它时什么也没有发生。我的可扩展内容在IE上不起作用
.collapse {
\t text-align:left;
}
.collapse > * + *{
display:none;
}
.collapse > *{
cursor:pointer;
}
.collapse:focus{
outline:none;
}
.collapse:focus > * + *{
display:block;
}
.accordian-gradient {
\t
\t /*GRADIENT*/
\t background: rgba(168,168,168,1);
/* Old Browsers */background: -moz-linear-gradient(top, rgba(168,168,168,1) 0%, rgba(203,203,203,1) 52%, rgba(234,234,234,1) 100%);
/* FF3.6+ */background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(168,168,168,1)), color-stop(52%, rgba(203,203,203,1)), color-stop(100%, rgba(234,234,234,1)));
/* Chrome, Safari4+ */background: -webkit-linear-gradient(top, rgba(168,168,168,1) 0%, rgba(203,203,203,1) 52%, rgba(234,234,234,1) 100%);
/* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(168,168,168,1) 0%, rgba(203,203,203,1) 52%, rgba(234,234,234,1) 100%);
/* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(168,168,168,1) 0%, rgba(203,203,203,1) 52%, rgba(234,234,234,1) 100%);
/* IE 10+ */background: linear-gradient(to bottom, rgba(168,168,168,1) 0%, rgba(203,203,203,1) 52%, rgba(234,234,234,1) 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8a8a8', endColorstr='#eaeaea', GradientType=0);
/* IE6-9 */
\t
\t
}
<div style="width:100%; max-width:750px; text-align:left;" class="collapse" tabindex="4">
<div style="width:100%; max-width:750px; text-indent:10px; margin-bottom:10px; padding:5px 0px 5px 0px;" class="accordian-gradient">Question<div style="width:20%; float:right; vertical-align:middle; text-align:right; padding-right:5px;">+ </div> </div>
<div style="width:100%; max-width:700px; cursor:default; padding-bottom:10px; margin: 0 auto;">
<p>Answer goes here</p>
</div>
</div>
有什么我可以加?由于它的内部样式表相当不可靠,而且没有javascript或jquery,所以我只能使用它。我必须尽可能多地保持CSS内联。
由于
我不明白如何使用
我刚刚更新了我的答案。希望它有效。 – Mechetle
我已经在IE上测试过了,它可以工作:D你不需要文档类型。 – Mechetle