AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > 网页制作

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

51自学网 http://www.wanshiok.com
css去掉虚线边框,虚线边框css,outline:none,,hidefocus=true

部分代码:

复制代码
代码如下:

<ul class="about_nav">
<li class="nav1"><a href="about.html" class="fontnav ">wanshiok.com</a></li>
<li class="nav2"><a href="about_webintro.html" class="fontnav">wanshiok.com</a></li>
<li class="nav3"><a href="about_operation.html" class="fontnav">wanshiok.com</a></li>
<li class="nav4"><a href="about_system.html" class="fontnav">wanshiok.com</a></li>
<li class="nav5"><a href="about_contantus.html" class="fontnav">wanshiok.com</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>wanshiok.com</a></li>


css去掉虚线边框,虚线边框css,outline:none,,hidefocus=true  
上一篇:小型分页的设计  下一篇:网站标准之Flash页面如何通过校验的方法分享