2015-09-05 2 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'' Верхнее поле: -1px' и т.д. или обрезать этот образ. – Mardzis

+0

Возможно, вы можете отредактировать/обрезать изображение? –

+0

border не отображается на изображении. Я не уверен, почему граница показывается, но я мамаю для ее решения, используя: 'background-size: 101% 101%;' спасибо @Mardzis comment –

ответ

2

У меня нет достаточного количества кредитов, так не может прокомментировать, но даже я бы предложил background-position: -1pxmargin-top: -5px и я уверен, что он будет работать без повторного выбора фонового изображения. Однако, когда я впервые столкнулся с этой концепцией отрицательного поля, я сделал некоторое чтение. Надеюсь, поможет.

Законы экрана и значков на рабочем столе и видимый макет экрана и необходимые действия, которые мы можем выполнять, например, перетаскивание перетаскивания и т. Д. Регулируются Законом Фитца. Согласно Закону Фитца, края видимого экрана называются бесконечными (если вы нажмете свою мышь в любом направлении, указатель остановится на краю и так относительно бесконечен) в той же аналогии часть экрана, которая не видна называется отрицательным, а экран доступен положительно. Таким образом, отрицательное значение или маржа означает вытягивание элемента в этом направлении за пределы видимой рамки экрана.

[Закон Фитса] (https://www.interaction-design.org/encyclopedia/fitts_law.html)