css去掉点击连接时所产生的虚线边框技巧兼容符合w3c标准的浏览器

时间:2021-05-08

部分代码:

复制代码代码如下:
<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>

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章