Как добавить изображение в div?

Мне нужно вставить изображение для увеличения и уменьшения изображения, но какой-то веб-сайт сказал мне, что он должен использоваться с path = "url изображения". Изображение не появилось, поэтому я хочу использовать background-image: url («url изображения»). Итак, как я могу добавить изображение?Как добавить изображение в div?

<style type="text/css"> 

#html{ 
    height:100%; 
} 

#body{ 
    height:100%; 
    margin:0px; 
    padding:0px; 

} 

#hr{ 
    border:0; 
    width:50%; 
} 


</style> 


<body> 


<div id="outerDiv0"> 
    <div id="outerDiv" style="position:relative;height:99%;width:100%;border:1px solid black;overflow:hidden;">

<div style="position: absolute; top: 10px; left: 10px; z-index: 1"> 
     <img src="zoomin_off.gif" 
      onclick="ZoomIn()" alt="zoomin"/> 
    </div> 
<div style="position: absolute; top: 10px; left: 90px; z-index: 1"> 
     <img src="zoomout_off.gif" 
      onclick="ZoomOut()" alt="zoomout"/> 
    </div> 

    <div id="Nav" style="display:none;position: absolute; top: 70px; left: 20px; z-index: 1"><div><a href="javascript:slidePrev();" id="slidePrev"><img src="prev.gif" alt="prev"/></a></div> 
<div style="position: absolute; top: 0px; left: 79px;"><a href="javascript:slideNext();" id="slideNext"><img src="next.gif" alt="next"/></a></div></div> 

    <div id="imageTiles" style="position:relative;top:0;left:0;z-index:0;width:100%;"></div> 
    <div id="imageLabels" style="position:relative;top:0;left:0;z-index:1;width:900000px;height:900000px;"></div> 
    </div> 

    <div id="overlay"><div id="theScale"></div><div id="theInfo"> 
    </div> 
    <div id="Thumb0"><div id="Thumb"></div><div id="Thumb2"></div></div> 
    </div> 

    <div id="wheelMode">Mouse Wheel:<input type="radio" onclick="wheelMode1()"   />&nbsp;Zoom<input type="radio" onclick="wheelMode2()" />&nbsp;Next/Prev</div> 
    <div id="coords" style="position:absolute;top:2px;right:10px;z-index:10;"></div> 



    </div>

источник

2013-11-19 user2963724

вы можете сделать скрипку? и показать код – zzlalani

Просьба предоставить нам больше информации – Andrei

Какой код существует с вами? –

Без кода примера мы можем только догадываться. Возможно, у вашего div нет никаких измерений. Попробуйте добавить ширину и высоту с помощью CSS для вашего DIV:

<div style="width:300px;height:300px;background:url('http://webpage/path/to/image.jpg')"></div>

источник

2013-11-19 08:10:36 user1635324

Я пробовал код, который все еще не работает. тем не менее, кнопка увеличения приближается. – user2963724

Вы можете попробовать это,

CSS:

.Bg{ 
    width:300px; 
    height:300px; 
    background-image:url('imagepath'); 
}

HTML:

<div class='Bg'></div>

источник

2013-11-19 08:23:35

это не сработало, но элементы управления все еще существуют. но изображения еще нет – user2963724

Его трудно понять, что точно вы хотите сделать, однако, если вы хотите добавить фоновое изображение в div, вы можете сделать это следующим образом:

<div class="show"> 
some text 
</div>

в CSS

.show 
{ 
background-image:url('paper.gif'); 
//other css properties of div 
}

ref

источник

2013-11-19 08:25:51

Это не сработало, но слово i type находится над кнопкой увеличения – user2963724

Как добавить изображение в div?

ответ

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