浮动引起的文本重影
在做项目开发时遇到了一个怪异现象“整段内容被重影”的问题，一般来说这类问题在IE6中表现的比较多，但这次出人意料的是IE7也殃及在内。在早前互联网上就有分享过使用HTML注释会引起类似的文字倒影问题，但此时的页面却是没有任何注释～，持续地测试分析问题变得越来越有趣了…
Thems style: Alpha 10% Alpha 30% Alpha 50% Alpha 70% Alpha 90%
Posts Tagged ‘Browser’
浏览器的更新
很高兴今天收到的信息，腾讯Qzong Blog已开始使用了CSS3，并已在alpha发布中。这将是CSS3.0特性将首次应用到海量服务中，用户使用更高版本的浏览器将会有更好的性能及视觉体验。作为国内第一个应用CSS3.0的大型站点为推动浏览器更新踏出了极具意义的伟大一步！具体应用了在那些方面先买个关子下回分解…
升级您的Internet Explorer 6
随时代变迁信息技术飞速发展，各浏览器频繁更新已衍生出多种版本。而Internet Explorer 6 sp1发布距离至今已经有7年时间了相对于人类70年的寿命，对新版本语言支持已经显得力不从心了。 (全文…)
浏览器对居中的背景图片的兼容性
在IE5.5至IE7 、Safari、chrome中,当浏览器窗口少于内容宽度时，居中的背景图片转向以body左对齐。而在Opera及FF中,居中的背景图片依然以缩小的窗口宽度居中对齐，当浏览器窗口宽度少于内容宽度时，拖动横行滚动条就能察觉到页面内容与背景会有错位的现象。A1_Demo
缩小窗口<body>背景被裁掉
此现状出现在IE7、FF、Opera、Chrome、Safari中，当浏览器窗口少于内容，拖动窗口横向滚动条时能发现定义在<><body>的背景会被裁掉，似乎<body>背景只计算了当前窗口的宽度。引起这问题的主要原因是在中定义了背景。在IE6不存在此问题。B1_Demo
页面元素的背景及boder被裁掉
在IE5~IE8、FF、Opera、Chrome、Safari中当浏览器窗口少于内容宽度,拖动横向滚动条会发现页面元素的背景及boder被裁掉，主要原因是body子级元素定义了100%宽度或是承继父及的100%宽度（即没有定义宽度）。C1_Demo
缩少窗口<img/>被裁掉
在IE7、IE8、FF、Opera、Chrome、Safari中当浏览器窗口少于<img/>宽度时,拖动横向滚动条会发现<img/>被裁掉，主要原因是<img/>父级元素定义了overflow:hidden;属性值。IE6中不存在此问题。D1_Demo