導讀跟大家講解下有關CSS的background-attachment使用詳解，相信小伙伴們對這個話題應該也很關注吧，現在就為小伙伴們說說CSS的background-atta
跟大家講解下有關CSS的background-attachment使用詳解，相信小伙伴們對這個話題應該也很關注吧，現在就為小伙伴們說說CSS的background-attachment使用詳解，小編也收集到了有關CSS的background-attachment使用詳解的相關資料，希望大家看到了會喜歡。
這次給大家帶來，的注意事項有哪些，下面就是實戰案例，一起來看一下。一、background-attachment屬性
在CSS中，使用背景附件屬性background-attachment可以設置背景圖像是隨對象滾動還是固定不動。 語法： background-attachment:scroll/fixed; 說明： background-attachment 屬性只有2個屬性值。scroll表示背景圖像隨對象滾動而滾動，是默認選項；fixed表示背景圖像固定在頁面不動，只有其他的內容隨滾動條滾動。
舉例：
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <style type="text/css"> #p1 { width:160px; height:1200px; border:1px solid gray; background-image:url("cartoongirl.gif"); background-repeat:no-repeat; background-attachment:fixed; } </style></head><body> <p id="p1"></p></body></html>在瀏覽器預覽效果如下：
相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
CSS有幾種實現三欄布局的方法
CSS與Sass開發規范
CSS做出鼠標上移圖標旋轉
以上就是CSS的background-attachment使用詳解的詳細內容，更多請關注php中文網其它相關文章！
來源：php中文網
免責聲明：本文由用戶上傳，如有侵權請聯系刪除！