DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> css去掉點擊連接時所產生的虛線邊框技巧兼容符合w3c標准的浏覽器
css去掉點擊連接時所產生的虛線邊框技巧兼容符合w3c標准的浏覽器
編輯:前端技巧     

部分代碼:

復制代碼代碼如下:
<ul class="about_nav">
<li class="nav1"><a href="about.html" class="fontnav "></a></li>
<li class="nav2"><a href="about_webintro.html" class="fontnav"></a></li>
<li class="nav3"><a href="about_operation.html" class="fontnav"></a></li>
<li class="nav4"><a href="about_system.html" class="fontnav"></a></li>
<li class="nav5"><a href="about_contantus.html" class="fontnav"></a></li>
</ul>

解決方法:
1.在css中加上outline:none;

復制代碼代碼如下:
a.fontnav { text-align:left;color:#555; text-decoration:none; outline:none}

ps: outline:none 只在firefox識別,IE下不支持.
2.在IE下:在html上加" hidefocus=”true”
<li class="nav2"><a href="about_webintro.html" class="fontnav" hidefocus=true></a></li>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved