я пытался создать это в течение нескольких дней без 100% рабочих результатов. Я хочу сделать 5 закрепленных изображений (для навигационного меню) для своего веб-сайта. Я, должно быть, уже прошел дюжину уроков. некоторые из них рекомендовали использовать js, другие рекомендовали css. все из которых привели в основном к проблемам. наиболее распространенная проблема заключается в том, что когда я делаю функциональный ролловер изображения и позиционирую его с помощью css, он не переводит свое положение пропорционально остальным изображениям (которые имеют эффект «приклеивания к фону»), когда я изменяю размер моего браузера окно. в основном я хочу, чтобы все изображения (включая ролловеры) имели эффект «приклеивания к фону».
то, что у меня есть сейчас, ближе всего к желаемому эффекту. в firefox ролловер работает только тогда, когда мышь наводит курсор на верхние 25% изображения, а эффект «приклеивания к фону» не работает. в хроме прикрепленное изображение ролловера работает нормально, но эффект «приклеивания к фону» также не работает. вот код:
#news {
position:relative;
left:180px;
bottom:450px;
width:210px;
height:67px;
}
<div id="news" align="center">
<a href="news.html"
onmouseover="document.news.src='newsRO.png'"
onmouseout="document.news.src='news.png'">
<img src="news.png" name="news" width="210px" height="67"/>
</a>
</div>
вот ссылка на живой пример: http://www.scissormanmusic.com/index_new2.html явно предстоит много работы по позиционированию и разработке контента, мне все еще нужно сделать с некоторыми другими элементами на сайте. но я должен иметь возможность разместить их в нужных местах, как только я смогу заставить меню работать правильно... я думаю
пожалуйста. любое понимание будет принята с благодарностью. Спасибо!!
