2013-10-14 3 views
0

html에 배경 이미지를 추가 할 수 있습니까? 여기 html로 배경 이미지를 추가 할 수 있습니까?

내가 "컨테이너 사업부"에 그것을 필요로 내 바이올린입니다

나는 또한 내가 CSS에서이 작업을 수행 할 수 있습니다 캔버스에 걸쳐 스트레칭 배경을 필요 ??

http://jsfiddle.net/7Gacp/3/

<div id="profile-container"> 
    <div id="fixed-header"></div> 
    <div class="container" style="background: url("../../img/followers/followers-tabs.png") no-repeat 0 0px;"></div> 
    <div class="sticky-header">This needs to be fixed when hits top of screen</div> 
    <div class="img">needs to be smooth</div> 
    <div class="img"></div> 
    <div class="img"></div> 
</div> 

건배

+0

다음을 참조하십시오. http://stackoverflow.com/questions/1150163/stretch-and-scale-a-css-image-in-the-background-with-css-only – Marco

+0

견적을 수정하십시오 : '배경 : url ('../../ img/followers/followers-tabs.png') no-repeat 0 0px; "'to" "배경 : url ('../../ img/followers/followers-tabs .png ') no-repeat 0 0px; "' – j08691

+0

바이올린을 추가 할 수 있습니까? –

답변

0

background-image:url('image path'); 통해 UR CSS에서 코드 블록을 넣어 배경 이미지 세트를 얻을.

2

인라인 스타일링을 위해 일 것인가 따옴표를 제거하고 대신

"background: url('../../img/followers/followers-tabs.png') 
+0

바이올린을 추가 할 수 있습니까? –

0
.container { 
height:300px; 
width:100%; 
background-image: url("Put your image link here."); 
} 

처럼 작은 따옴표를 사용

<div class="container" style="background: url('Put your image link here.') no-repeat 0 0px;"></div> 

Fiddle

+0

프로그래밍상의 이유로 인라인 CSS를 사용해야합니다. –

+0

죄송합니다! 나는 또한 수정 된 바이올린을 저장하는 것을 잊었다. 이전의 대답도 가능합니다. 큰 따옴표를 작은 따옴표로 바꾸면됩니다. –

0

당신은에서 qoutes를 제거해야 url

<div class="container" style="background: url(../../img/followers/followers-tabs.png) no-repeat 0 0px;"></div> 

'을 사용할 수 있지만 CSS 배경에 url은 전혀 필요하지 않습니다.

여기 고정 된 바이올린 : http://jsfiddle.net/7Gacp/10/이 있습니다. http://jsfiddle.net/7Gacp/11/ :

background-size: 100% 100%; 

여기에 또 다른 바이올린은의를 사용할 수있는 배경을 확산합니다.

관련 문제