首頁 > web前端 > css教學 > css如何設定圖層在最上面

css如何設定圖層在最上面

醉折花枝作酒筹
發布: 2023-01-06 11:15:15
原創
16921 人瀏覽過

在css中,可以使用「z-index」屬性設定圖層在最上面,只需要給圖層元素設定「z-index:auto」樣式即可。 z-index屬性設定元素的堆疊順序,擁有較高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。

css如何設定圖層在最上面

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

方法:為元素設定樣式

 z-index:auto
登入後複製

auto可定義為一個值(整數數字),越大代表越置前,如可定義為: z-index:999。

前提是div是定位元素。

範例:

<html>
<head>
<style type="text/css">
img.x
{
position:absolute;
left:0px;
top:0px;
z-index:-1
}
</style>
</head>

<body>
<h1>这是一个标题</h1>
<img  class="x" src="/i/eg_mouse.jpg" / alt="css如何設定圖層在最上面" > 
<p>默认的 z-index 是 0。Z-index -1 拥有更低的优先级。</p>
</body>

</html>
登入後複製

效果:

css如何設定圖層在最上面

#推薦學習:css影片教學

#

以上是css如何設定圖層在最上面的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板