Question

我在CSS中使用a：访问以不同方式标记访问过的链接。

我使用的链接是＃news33。

形式的锚链接

单击后，在IE中使用正确的颜色标记链接，但在重新加载页面时，颜色丢失。这与Chrome完美搭配。有没有人知道我应该做什么？

顺便说一句，我在Windows 8上使用IE 10。

我发布了一些示例代码，其中问题可以在IE中看到，我改编自Twitter Bootstrap的例子。

<script src="jquery.js"></script>
 <link rel="stylesheet" type="text/css" href="bootstrap.css">
  <script src="bootstrap.js"></script>
<style type="text/css">
a:link { text-decoration:none; font-weight:bold; color:#e00000; }
a:visited { text-decoration:none; color:green; }
</style>
  <script type="text/javascript">
jQuery(document).ready(function($) {

   $('#test').click(function(){
            $('#test222').click();
  });

});
    </script>
<!-- <a id="test2" href="http://www.commerzbank.de" data-toggle="modal">google</a> -->
<a id="test" href="#test222">Launch demo modal</a>
<a id="test222" href="#myModal2" data-toggle="modal">Launch demo modal 22</a> 
<!-- Modal -->
<div id="myModal2" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…</p>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>
</div>

需要注意的一件重要事情是链接用于显示模态，而模态JS库不跟踪链接。

谢谢和最好的问候西奥

Answer 1

CSS命令对某些浏览器很重要。我知道对于旧版本的IE，如果您没有正确的规则顺序，则属性将无法按预期显示。我希望IE10不会有这个问题。

a:link {color:#FF0000;}         /* unvisited link */
a:visited {color:#00FF00;}      /* visited link */
a:hover {color:#FF00FF;}        /* mouse over link */
a:active {color:#0000FF;}       /* selected link */

http://www.w3schools.com/css/css_pseudo_classes.asp

IE不会将锚链接标记为正确访问

1 个答案: