Odpowiedzi:
Masz na myśli to?
<style type="text/css">
.bgimg {
background-image: url('../images/divbg.png');
}
</style>
...
<div class="bgimg">
div with background
</div>
Możesz to zrobić używając background
właściwości CSS . Można to zrobić na kilka sposobów:
HTML:
<div id="div-with-bg"></div>
CSS :
#div-with-bg
{
background: color url('path') others;
}
HTML:
<div class="div-with-bg"></div>
CSS :
.div-with-bg
{
background: color url('path') others;
}
HTML:
<div style="background: color url('path')"></div>
Gdzie :
background
Właściwość CSS jest połączeniem wszystkich właściwości background-xxx w tej składni:
background : background-color background-image tło-powtórzenie tła-załącznik pozycja-tła ;
Źródło: w3schools
Tak :
<div style="background-image: url(../images/image.gif); height: 400px; width: 400px;">Text here</div>
Użyj jak ...
<div style="background-image: url(../images/test-background.gif); height: 200px; width: 400px; border: 1px solid black;">Example of a DIV element with a background image:</div>
<div style="background-image: url(../images/test-background.gif); height: 200px; width: 400px; border: 1px solid black;"> </div>
Możesz po prostu dodać atrybut img src z id:
<body>
<img id="backgroundimage" src="bgimage.jpg" border="0" alt="">
</body>
oraz w swoim pliku CSS (rozciągnięte tło):
#backgroundimage
{
height: auto;
left: 0;
margin: 0;
min-height: 100%;
min-width: 674px;
padding: 0;
position: fixed;
top: 0;
width: 100%;
z-index: -1;
}
<div class="foo">Foo Bar</div>
aw pliku CSS:
.foo {
background-image: url("images/foo.png");
}
<div id="imgg">Example to have Background Image</div>
Musimy dodać poniższą zawartość do tagu Style:
.imgg(
background-image: url('C:\Users\ajai\Desktop\10.jpg');
)
W większości metoda jest taka sama, jak ustawienie całego ciała
.divi{
background-image: url('path');
}
</style>
<div class="divi"></div>