2015-09-05 110 views
1

我在div上有背景圖片。它似乎有一個小的灰色邊框,我不希望這個網站。我試圖將邊界值&設置爲0,但沒有成功。我怎樣才能刪除這個邊界?如何刪除背景圖片中的邊框?

enter image description here

CSS:

#back{ 
    position: absolute; 
    width: 100%; 
    height: 90%; 
    bottom:0; 
    background: url("back_i.png")no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

HTML:

<div id="head"> 
     <ul> 
      <li id="home">Home</li> 
      <li id="about">About</li> 
      <li id="audio">Audio</li> 
      <li id="contact">Contact</li> 
     </ul> 
</div> 
<div id="back"> 
     <div id="content"> 
       // 
     </div> 
</div> 
+1

中的jsfiddle粘貼您的完整代碼,或嘗試一些像'背景位置:-1px''的margin-top:-1px'等或裁剪該圖像。 – Mardzis

+0

你可以編輯/裁剪圖像嗎? –

+0

邊框不會出現在圖像上。我不知道爲什麼邊框顯示,但我已經損害瞭解決它:'background-size:101%101%;'感謝@Mardzis評論 –

回答

2

我沒有足夠的學分所以不能發表評論,但即使我會建議background-position: -1pxmargin-top: -5px和我確定它不會改變你的背景圖像。但是,當我第一次遇到這種負利潤率的概念時,我做了一些閱讀。希望能幫助到你。

屏幕和桌面圖標的法則和可見的屏幕布局以及我們可以執行的必要操作,如單擊拖放等都受Fitts法則管轄。 根據費茲定律,可見屏幕的邊緣被稱爲無窮大(如果您將鼠標指向任意方向,則指針將在邊緣停止,因此相對無限)將以相同的比喻顯示在屏幕的不可見部分被稱爲否定的,並且可用的屏幕是正面的。因此,負值或邊距意味着將元素拉向超出可見屏幕框的方向。

[費茨法則(https://www.interaction-design.org/encyclopedia/fitts_law.html