2

CSS a:visited で使用して、訪問したリンクを別の方法でマークしています。

私が使用しているリンクは、#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…&lt;/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>

注意すべき重要な点の 1 つは、リンクがモーダルを表示するために使用されており、モーダル JS ライブラリがリンクをたどっていないことです。

ありがとう、よろしく
テオ

4

1 に答える 1

0

一部のブラウザーでは、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

于 2013-05-17T15:53:10.880 に答える