标签 [ ie6 ] 下的文章

IE6中border边框断线现象(border边框部分消失)

IE6中有一个BUG叫border边框断线现象,即在IE6中滚动滚动条时有些border边框莫名其妙的有部分不显示(边框显示不完整)。
    有时候发现自己写的页面在IE6中测试时发现,有些边框部分不可见(目前我遇到过某个div的边框左右两边的中间有一部分边框消失、某个DIV的上边框消失同时两边也有部分消失);今天恰好遇到后面的这种情况,平常遇到两边中间有部分消失的情况时直接给这个DIV加个背景色就可以了,今天却不知道为什么不行。试了好久最后定义了这个DIV的高度就解决了。于是,搜索了一下这种情况,才发现这属于border边框断线现象,但没有找到是什么原因导致这样的现象。下面是在网上找到的解决方法:
现象出现的条件:假设一个容器内有两个浮动,并使用CLEAR清除浮动,在ie6下拖动滚动条时最外层的border会消失,如果给最外层加上宽度或者高度就不会出现。如下代码(需要出现滚动条即页面有足够的高度):

More »

透明PNG在IE6下的官方解决方案(仅支持img)

做Web开发的朋友一定都知道PNG是一个相当不错的图片格式,但是这个好的格式却在IE6时代造成了麻烦,IE6会使透明的PNG的透明部分出现#DBEAED的色彩。透明不了。使得在FF下开发表现很好的界面换成IE浏览就惨不忍睹,又逼着换成GIF,而GIF的假透明在变换背景时造成毛边现象。

刚去了www.gowindowslive.com去生成一个WLM的联系方式图标,结果发现的官方的解决方案。;)

More »

IE6下Png透明最佳解决方案(推荐) Unit PNG Fix

"咳! 哎!.....  :-( "

你听见了么? 这些都是大家抱怨IE6下不能实现png图片漂亮的明效果的哀叫声,的确是无奈呀.....

不过现在幸运的是,我们能够让这一切的抱怨都停止.

网络上解决IE6下Png透明解决方案有很多,例如 IE PNG Fix from TwinHelix, Javascript IE PNG Fix, Transparent PNGs in Internet Explorer 6 from 24 ways.等等.
然而现在,我要和你分享的是 Unit PNG Fix.

因为它的确是太出众了.

1.非常小的javascript文件:1kb!
2.解决因为IE的滤镜属性所带来的影响.
3.无论是img元素或background-image属性,都能有效果.
4.在加载页面之前就能自动运行.或者就一丁点的元素.
5.允许自动高宽.
6.使用起来超级简单.

More »

IE6下png透明问题解决的最佳方案

本来只是一张png透明图片,在IE下是很好解决的,我也尝试了很多种,包括js法,滤镜css法等等,感觉总体来说都不是很完美,而且如果同时使用Sprites方法,就不是那么简单容易的事情了。

最终发现了使用htc方法嵌到css文件中基本可以一次性解决大部分的透明问题。

这种方法已经有很多人介绍过了,但是因为页面是英文,很少有人翻译,也就很少人会去使用。

下面就详细介绍下这种方法:

此方法本身的demo地址:http://www.twinhelix.com/css/iepngfix/demo/

(说过了是全英文的,不要着急哦)

More »

针对firefox ie6 ie7的css样式

现在我们大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7对!important可以正确解释,会导致页面没按要求显示!搜索了一下,找到一个针对IE7不错的hack方式就是使用“*+html”,现在用IE7浏览一下,应该没有问题了。

现在写一个CSS可以参照如下定义:

#menu { padding-right: 150px }/* Moz */
* html #menu { padding-right: 50px; } /* IE6 */
*+html #menu { padding-right: 150px; }/* IE7*/



好多说看不懂,我·#%¥¥%(希望大家多到网上看看CSS的一些教程)

More »

最新文章

最近回复

链接