无论如何要让HTML5交互元素在IE 11中运行?

时间:2016-05-17 14:08:23

标签: javascript css html5 internet-explorer-11

我正在为我公司的SharePoint网站工作。我在HTML中进行的大部分格式化工作。我遇到问题的其中一件事是仅通过HTML构建可折叠列表。我试图避免JS并改变任何CSS因为我以前的尝试是灾难性的。终于今天我发现了这个HTML5 solution。它运行得很漂亮......在Chrome中。但是IE 11Edge中没有bueno。在研究incompatibilities across browsers后,IE 11Edge似乎不支持(我实际需要的一个功能)。这样做的问题是,这里的员工大多使用IE 11Edge。是否有一种简单的方法可以强制IE 11使用互动元素detailssummary?我的代码如下。

<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>

0 个答案:

没有答案