VML need hasLayout

最新推荐文章于 2024-09-10 08:44:46 发布

hax

最新推荐文章于 2024-09-10 08:44:46 发布

阅读量1.1k

点赞数

分类专栏： Web Develop 文章标签： components filter css layout ie html

本文链接：https://blog.csdn.net/hax/article/details/1348604

版权

Web Develop 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

I happened to modify a page in last week, add <!DOCTYPE html> to make it CSS1Compat, and got a suprise: some vml graphics are missed.

I guessed it's due to hasLayout, as I understand, only element which hasLayout has chance to decide how to paint themselves, and vml is somehow like filter, must be processed by some special components, so they must hasLayout.

And after some test, I confirmed my idea.

VML elements are all inline by default, In CSS1Compat mode, inline element won't get layout via width or height, we need to add zoom:1, or display:block, or display:inline-block, or position:absolute.

Note: I just test IE6, no test on IE7.