CSS фон повтор х вопросы

я новичок в CSS и я пытаюсь сделать нечто, но я столкнулся с некоторыми проблемами, и вот моя проблемаCSS фон повтор х вопросы

У меня быть_наст этот мир коды CSS, чтобы повторить фон по горизонтали, но я хочу фон для покрытия только то, что я написал не более (есть дополнительный цвет показан, при каком я пишу, я не могу загрузить фото)

<!DOCTYPE html> 
<html> 
<head> 

<style> 
.Container_16 { 
margin-left:auto; 
margin-right:auto; 
width:960px; 


} 

.Container_5 { 

float:left; 

} 
#Title { 
font-size:68px; 
font-family:sans-serif; 
} 
.Container_11{ 

float:left; 

color:white; 
} 
li{ 
list-style-type:none; 
display:inline; 
padding-left:15px; 
color:white; 
font-size:20px; 
font-family:sans-serif; 
margin-top:30px; 
} 
nav{ 
margin-left:150px; 
text-align:right; 
margin-top:30px; 
margin-right:250px; 
} 

body{ 
min-width:960px; 
background-image:url("bg.png"); 
background-repeat:repeat-x; 

} 

</style> 
<body> 
<div class="Container_16"> 
<div class="Container_5" id="Title"><a href="http://www.facebook.com" target="_blank">Book.me</a>  </div> 
<div class="Container_11"><nav> 
<ul> 
<li>one</li> 
<li>Two</li> 
<li>Three</li> 
<li>Four</li> 
</ul> 
</nav></div> 
</div> 

</body> 
</head> 
</html>

источник

2014-09-10 user3560518

Так в чем проблема? 'body' имеет 100% устройства, поэтому вы увидите 100% -ное изображение. – Justinas

Когда я повторяю, цвет не покрывает только блок, который я хочу, но он попадает под него на 80 пикселей почти – user3560518

чтобы применить фоновое изображение facebook ссылки только использовать этот CSS:

#title > a { 
    background: url('bg.png') repeat-x; 
}

источник

2014-09-10 10:44:27 Justinas

Потому что вы даете background по body. Я вижу, у вас есть <div class="Container_16"> , в котором у вас есть весь текст. Таким образом, вы можете установить фон только для этого div.

CSS

body{ 
min-width:960px; 
} 
.Container_16 { 
margin-left:auto; 
margin-right:auto; 
width:960px; 
height:100px; 
background-image:url("image.png"); 
background-repeat:repeat-x; 
}

DEMO

источник

2014-09-10 11:07:20

CSS фон повтор х вопросы

ответ

Смежные вопросы