1. SVG中后面的元素会覆盖前面的元素

<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
    <!-- 第一层:红色矩形 -->
    <rect x="10" y="10" width="100" height="100" fill="red" />
    <!-- 第二层:蓝色矩形 -->
    <rect x="50" y="50" width="100" height="100" fill="blue" />
</svg>

image.png

蓝色的矩形会显示在红色矩形的上面

渲染规则:写在后面的元素拥有更高的层级


assassin_cike
1.3k 声望74 粉丝

生活不是得过且过


« 上一篇
next.js 实践
下一篇 »
shadcn/ui