Question

Здравствуйте, не подскажете почему не работает такая конструкция #gbF6:hover .selectdiv Это в гостевой книге

Answer 1

Поправьте ваши стили:

.selectdiv {
    display: block;
    position: absolute;
    margin-top: 20px;
    background-color: white;
    -webkit-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.62);
    -moz-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.62);
    box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.62);
    z-index: 999;
    padding: 10px;
    border: 1px solid #000;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s, margin-top 0.3s, visibility 0s linear 0.3s;
    -moz-transition: opacity 0.3s, margin-top 0.3s, visibility 0s linear 0.3s;
    -o-transition: opacity 0.3s, margin-top 0.3s, visibility 0s linear 0.3s;
    transition: opacity 0.3s, margin-top 0.3s, visibility 0s linear 0.3s;
}

удалите выделенное красным.

Comments

Нет. Вы не поняли мне нужно что бы при наведении на input с id #gbF6  менялись свойста класса .selectdiv. В обычном html файле у меня все работает. А на сайте почему то не хочет. Хотел понять почему. Извините но то что вы написали просто отоброзит мой слой внизу под формой. Мне это не нужно. Но все равно большое спасибо что откликнулись :) 

---

Сергей Мищенко #2,

Изменялись свойства? Опишите с этого места более детально. Что значит менялись свойства? На что?