浏览器对网页节点的渲染层次

最新推荐文章于 2024-08-22 19:58:04 发布

gloam2018

最新推荐文章于 2024-08-22 19:58:04 发布

阅读量482

点赞数

分类专栏：浏览器开发文章标签：浏览器 float 优化测试

本文链接：https://blog.csdn.net/gaoqingyu/article/details/3974918

版权

浏览器开发专栏收录该内容

5 篇文章 0 订阅

订阅专栏

时比较容易，只要采用树的浓度优先先根遍历绘制即可。但是以下几种样式就会打乱这种规则，1) float：left|right; 2) position:absolute|relatively; 3) margin<0; 这样就不能再按照原来的方式进行渲染，这时，
采用画家绘制方式，绘制顺序依次是：

1)position: absolute|relatively&&z-index<0
2)position: static
3) float:left|right
4) position: absolute|relatively

5) position: absolute|relatively&&z-index>0

今天下午，将float和position分开了处理，并相应的更改渲染和MouseCheck，测试过去所的相关BUG，没发现问题，并进行了一些优化，感觉效果不错！