動態

詳情 返回 返回

SVG 瞭解下 - 動態 詳情

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

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

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

svg
user avatar zhoumo_62382eba4b454 頭像 kk_470661 頭像 kasong 頭像 zhedan_sam_wan9 頭像 karuru 頭像 zxl20070701 頭像 daishuyunshuzhanqianduan 頭像 zhipanyun 頭像 zzd41 頭像
點贊 9 用戶, 點贊了這篇動態!
點贊

Add a new 評論

Some HTML is okay.