我正在为我公司的SharePoint
网站工作。我在HTML
中进行的大部分格式化工作。我遇到问题的其中一件事是仅通过HTML
构建可折叠列表。我试图避免JS
并改变任何CSS
因为我以前的尝试是灾难性的。终于今天我发现了这个HTML5 solution。它运行得很漂亮......在Chrome中。但是IE 11
或Edge
中没有bueno。在研究incompatibilities across browsers后,IE 11
或Edge
似乎不支持(我实际需要的一个功能)。这样做的问题是,这里的员工大多使用IE 11
或Edge
。是否有一种简单的方法可以强制IE 11
使用互动元素details
和summary
?我的代码如下。
<h3>Documents</h3>
<details><summary><img class="ms-asset-icon ms-rtePosition-4" src="Folder.gif" alt=""/>Policies and Notices<br/></summary>
<p style="text-indent: 5em;">
<a href="FilePath">
<img class="ms-asset-icon ms-rtePosition-4" src="FilePath.png" alt=""/>Policy Guide.pdf</a><br/></p>
<p style="text-indent: 5em;">
<a href="FilePath">
<img class="ms-asset-icon ms-rtePosition-4" src="FilePath.png" alt=""/>Firm Holidays.doc</a><br/></p>
<p style="text-indent: 5em;">
<a href="FilePath">
<img class="ms-asset-icon ms-rtePosition-4" src="FilePath.png" alt=""/>Evacuation Procedures.doc</a><br/></p>
<p style="text-indent: 5em;">
<a href="FilePath">
<img class="ms-asset-icon ms-rtePosition-4" src="FilePath.png" alt=""/>Inclement Weather Policy.doc</a><br/></p></details>