Код: Выделить всё
悬浮效果示例
#A {
border: 1px solid #000;
/* 可选:为A div添加边框以便查看 */
padding: 10px;
}
#B {
height: 600px;
}
#B,
#C {
margin-bottom: 10px;
padding: 10px;
border: 1px solid #ccc;
/* 可选:为B和C div添加边框以便查看 */
}
.child {
margin-bottom: 5px;
padding: 10px;
border: 1px solid #eee;
/* 可选:为B1, B2, B3 div添加边框以便查看 */
transition: background-color 0.3s ease;
/* 添加过渡效果 */
}
/* 鼠标悬浮在B1, B2, B3 div上时改变背景颜色 */
#B1:hover,
#B2:hover,
#B3:hover {
background-color: #007BFF;
/* 背景颜色变为蓝色 */
color: #fff;
/* 文字颜色变为白色 */
}
B1
B2
B3
C
http://localhost:54365
< /code>
http://localhost:54365
Hover не запускается правильно при прокрутке Div of Iframe, но мышь перемещается по DIV и отображается правильно
Хочу правильно отобразить эффект, или почему он не
Подробнее здесь: https://stackoverflow.com/questions/794 ... nter-event