이미지를 배경으로 사용하고 싶습니다. 불행히도 배경 이미지 속성을 url (myUrl)으로 설정하면 여러 행과 열의 배경에서 반복되는 이미지가 나타납니다. 내 생각에 그것은 이미지가 자연적으로 작기 때문입니다.backgroung을 반복하지 않으려면 어떻게해야합니까?하지만 모든 bkgrd를 확장하고 사용하려면 어떻게해야합니까?
그래서 어떻게 이미지를 가져 와서 반복하지 않고 모든 배경을 차지할 수 있을까요?
도와 주셔서 감사합니다.
두 가지 방법을 사용할 수 있습니다. 자바 스크립트 또는 CSS
Jquery에는 suppersized라는 솔루션이 있습니다. http://buildinternet.com/2009/02/supersized-full-screen-backgroundslideshow-jquery-plugin/
또는 CSS와 :
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
body {font-family:verdana, arial, sans-serif; font-size:76%;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
및 HTML
<body>
<div>
<img id="background" src="image.jpg" alt="" title="" />
</div>
CSS3에 배경 이미지를 늘이기 위해 background-size 속성을 가질 수 있습니다. 그러나 CSS3는 널리 지원되지 않습니다.
배경 이미지를 반복하지 않으려면 background-repeat: no-repeat을 사용할 수 있습니다.
당신은 아마이 원하는 :
http://css-tricks.com/how-to-resizeable-background-image/
는 가장 간단한 방법처럼 보인다.
피씨 : 순수한 배경 이미지로는 할 수 없습니다. 당신은 다른 계층으로해야만합니다.