backgroundimage:IE中background-image在链接转行后未显示的现象

  靠右边对齐显示,若文字有转行,一个链接如果没有完全在一行的话就没有办法显示它的背景图,但却能显示它的背景颜色.这个现象在FF中不会出现。

  在IE中,background标签是以块来显示,以你所包含内容显示区域划为一个方块面显示,注意不是block但是包含block。

  因为\"如果没有完全在一行的话\",那就是说包含了2行甚至更多,这些内容是自适应流,可以自由显示。但是background却是以方块区域包含显示。也就是说你的一行未结束,它不是以你文档流开始处填写background-image,而是以你整个文档流距左边窗口最近的位置算起,就是另起一行的位置的上面一行开始!

  通俗点:就是以你的文档流区域top和left最小的那个坐标点开始运行background-image。

\"div Source Code to Run [www.52css.com]

[ 可先修改部分代码 再运行查看效果 ]

  目前还没有好的解决办法,应该在布局中避免这样的情况发生!
Tags:  backgroundimage

延伸阅读

最新评论

发表评论