[英]White Space below repeated body background image
我是編程世界的新手,並且一直在嘗試嘗試學習更多東西。 我正在使用靜態html i-frame應用程序創建自定義facebook選項卡,並在垂直重復體背景圖像時繼續遇到問題。 由於我無法弄清楚的原因,圖像與重復圖像之間存在白色間隙。 任何幫助將非常感激!
這是代碼:
body {
background-image:url('http://i1187.photobucket.com/albums/z389/mawler023/FBTabBody.png');
margin:0;
padding:0;
background-position:right top;
background-attachment: fixed;
background-repeat:repeat-y;
width:810px;
color: #333333;
font-family: Verdana, Geneva, sans-serif;
}`
您正在使用的圖像(http://i1187.photobucket.com/albums/z389/mawler023/FBTabBody.png)頂部有一條白色帶(粗略表示它的高度約為123像素)。 這將顯示每次重復導致您觀察到的差距。
你只想修剪圖像,它應該擺脫差距。
如果你想在頁面頂部有一個白色區域(但不是重復),最好減少應用背景的區域或在頂部的元素上放置明確的白色背景。
因為圖像本身頂部有一個巨大的白色空間
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.