css去掉点一下联接时所造成的虚线边框技能适配

2020-11-02 21:29 jianzhan

一部分编码:

拷贝编码
编码以下:

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