css3實現多背景展示效果通過css3定位多張背景
來源：易賢網 閱讀：1153 次 日期：2016-06-16 09:12:52
溫馨提示：易賢網小編為您整理了“css3實現多背景展示效果通過css3定位多張背景”,方便廣大網友查閱！

代碼如下:

<!doctype html>

<html>

<head>

<meta http-equiv=content-type content=text/html; charset=utf-8 />

<title>css3實現多背景展示</title>

</head>

<body>

<div style=height:5400px;>

　　 <div style=background:url(http://zcimg.zcool.com.cn/zcimg/m_fff653c539e10000015c06f796e0.jpg) no-repeat center center fixed;height:880px;margin-bottom:10px;></div>

　 　<div style=background:url(http://zcimg.zcool.com.cn/zcimg/m_dfff53c539e40000015c06f6ff04.jpg) no-repeat center center fixed;height:880px;margin-bottom:10px;></div>

　　 <div style=background:url(http://zcimg.zcool.com.cn/zcimg/m_0b3d53ce00b100000174d030a1fd.jpg) no-repeat center center fixed;height:880px;margin-bottom:10px;></div>

　　 <div style=background:url(http://zcimg.zcool.com.cn/zcimg/m_c24d53ce007300000174d0debb3e.jpg) no-repeat center center fixed;height:880px;margin-bottom:10px;></div>

　　 <div style=background:url(http://zcimg.zcool.com.cn/zcimg/m_606453ce006500000174d00396f9.jpg) no-repeat center center fixed;height:880px;margin-bottom:10px;></div>

　 　<div style=background:url(http://zcimg.zcool.com.cn/zcimg/m_71fe53ce005e00000174d0000ac0.jpg) no-repeat center center fixed;height:880px;margin-bottom:10px;></div>

　　</div>

</body>

</html>

通過css3定位多張背景并且使用固定屬性。

更多信息請查看網頁制作

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號：滇ICP備2023014141號-1 云南省教育廳備案號：云教ICP備0901021 滇公網安備53010202001879號 人力資源服務許可證：（云）人服證字（2023）第0102001523號
聯系電話：0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號：hfpxwx
咨詢QQ：526150442（9:00—18:00）版權所有:易賢網