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>

藍色的矩形會顯示在紅色矩形的上面

渲染規則：寫在後面的元素擁有更高的層級