2009

Nov

18

不再为IE8下文字与下划线间距太小而烦恼
文章分类:XHTML相关

不得不承认ie6是网页设计者的噩梦,虽然ie8对CSS的支持好了很多,但是也出现了新的问题----以前的网页在ie8下面不兼容,于是ie8出现了兼容性按钮,虽然解决了很多问题,但别人看你的网页时,还要点击兼容性按钮,是不是有点麻烦呢?

不知道大家注意到了没有,在ie8下面,文字与下划线之间的间距很小,如果是大段有下划线的文字,看起来就会很别扭。看看下面两张图片:

第一张图片是在在ie8下面正常显示的效果,第二张图是在ie8下面兼容性视图的效果。其实在3月份ie8刚出来时我就发现了这个问题,可是一直都不知道怎么解决。后来用ie8浏览某些网站时,发现ie8居然不显示兼容性视图按钮,并且下划线的间距问题也没有了。经过研究该网站的代码后发现,在每个页面上有多出来这样一句话:

XML/HTML代码
  1. <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />  

自己试着在网页中加了这句话后,果然发现ie8没有兼容性视图按钮了,间距也正常了。这句话相信大家看了也明白:就是以ie7的方式解析该网页。所以就不再有兼容性按钮。        在写这篇文章的时候,想在网上找个页面截图,竟然找不到一个网站显示兼容性按钮,据猜测,一部分网站加这句话是因为不兼容ie8,但大多数网站都是因为下划线离文字太近,像新浪之类的门户网站页面都有下划线,如果很近显示效果就很不好了。大家以后如果发现有不兼容ie8的时候就在页面上加这句话吧。

本站原创,转载请标明:来自追梦博客(http://www.wuleilei.com/)

本文地址:http://www.wuleilei.com/Blog/240

相关文章

暂无相关文章!

看看他们的脚印

闲言碎语

晚上和爸妈吃个饭。 (2月6日)

装修好累哟 (2月4日)

《斯巴达克斯:复仇》 (2月3日)

文章分类

最近文章

iOS开发之回调delegate的方法...

iOS开发之使用AES加密(兼容Obj...

事情好多哦

iOS开发之获取本机IP地址的方法

简单记录PC上安装苹果系统

最近评论

日志归档

友情链接

其它功能

随机标签