Всплывающее окно при наведении

[dmitriymar]

Пмогите пожалуйста, что нужно исправить в моем коде.

Таки выкинь...

я уже писал что исправить в нём-красным отмечено. в идеале -выбросить всё

[Vempel]

А если серьезно.

[dmitriymar]

А если серьезно.

Vempel,
ты читать вообще умеешь что тебе пишут?

function show() {
var menu = document.getElementByid('my');
menu.style.display = 'block';
}
function hide() {
var menu = document.getElementByid('my');
menu.style.display = 'none';
}
function init() {
var menu = document.getElementByid('my');
menu.onmouseover = show;
menu.onmouseout = hide;
}
init();

[ruslan_mart]

.product, .product > div {
   height: 200px;
   width: 200px;
}

.product > div {
   opacity: 0;
   transition: opacity 0.5s;
}

.product:hover > div {
   cursor: pointer;
   opacity: 1;
}

<div class="product" style="background-image:url('изображение сумки')">
   <div>Контент</div>
</div>

Упс, пока я тут писал, вы уже написали кучу вариантов.

[ksa]

cms добавляет товар, а расположение картинки насколько я понимаю каждый раз будет разное. Поэтому css здесь не применим.

Звучит как диагноз...

[Vempel]

А я не прав в том что css здесь неприменим. Если есть какое-то решение с сss то подскажите пожалуйста.

[Vempel]

.product, .product > div {
   height: 200px;
   width: 200px;
}

.product > div {
   opacity: 0;
   transition: opacity 0.5s;
}

.product:hover > div {
   cursor: pointer;
   opacity: 1;
}

Но дело в том, что всплывающее окно с характеристиками будет каждый раз позиционироваться по-разному относительно расположения картинки. Или я чего-то не понимаю. Вот страница с картинками товара http://magest.bget.ru/catalog/sumki

[ruslan_mart]

Vempel, ну можно просто в div каждой сумки вкладывать div с характеристиками.

[dmitriymar]

Я делаю картинке position:absolute, а ее родителю relative,

тяжело посмотреть от чего абсолют отсчитывается и в каких случаях считается по разному?

[Vempel]

Спасибо за помощь. Я разобрался. Никакой javascript тут действительно был не нужен. тему можно закрывать.