#html #background-image
#HTML #background-image
Вопрос:
У меня небольшая проблема, которую я просто не могу решить.
У меня есть div с набором фоновых изображений:
#menu {height: 44px; background:url(../images/menuback.jpg) repeat-x; position: relative;}
У меня есть изображение, и я хочу, чтобы оно отображалось поверх div, но оно продолжает отображаться за ним, css следующим образом:
.logoImage {position:absolute; margin-top:40px;}
HTML-код выглядит следующим образом:
<div class="grid_16" id="header">
<div id="logo">
<a href="~~home~~"><img class="logoImage" src="~~themeDir~~images/logo.jpg" alt="~~siteTitle~~"/></a>
<a href="~~home~~"><img class="logoWriting" src="~~themeDir~~images/logo_writing.jpg" alt="~~siteTitle~~"/></a>
</div>
<div class="searchbox">
<form action="~~home~~searchmachine" method="post" id="searchform">
<h3>
Search:
<input type="text" value="" name="search" />
<a href="javascript: void(0);" onclick="$('#searchform').submit()" class="searchbutton">Go</a>
</h3>
</form>
</div>
</div>
<div class="clear"></div>
<div class="grid_16" id="menu">
<ul class="dropmenu">
<li><a href="~~home~~">Home</a></li>
~~startCatsMenu~~
<li><a href="~~catLink~~">~~catTitle~~</a>
~~startSubCats~~
<ul>
~~startSubCat~~
<li><a href="~~subCatLink~~">~~subCatTitle~~</a></li>
~~endSubCat~~
</ul>
~~endSubCats~~
</li>
~~endCatsMenu~~
</ul>
</div>
<div class="clear"></div>
с уважением,
Стивен
Комментарии:
1. Почему у вас позиция .logoImage является абсолютной? Есть ли другой класс, частью которого он является, который перемещает его?
Ответ №1:
Проблема решена, я помещаю все в один div, затем мне удалось переместить требуемые изображения.