這次帶給大家,的注意事項有哪些,下面就是實戰案例,一起來看一下。
#在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的background-attachment使用詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!