Изображение поверх Div с набором фоновых изображений

#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, затем мне удалось переместить требуемые изображения.