在鼠标悬停时扩展div . （向左或向右扩展）-Java 学习之路

这是一个跟进：

我想在悬停状态下添加更多内容 . 说'正常'（w：100px，h：100px）有一个50px（w / h）的图像，其中心有一个小的居中 Headers . 'Hover'（w：300px，h：100px）与'Normal'相同，但它可以在图像左侧和字幕或右侧展开，另一侧有更多内容 .

我该怎么做呢？

哈雷

1 回答

试试这个：

.myDiv .hoverContent {
    display: none;
}
.myDiv:hover .hoverContent {
    display: block;
}
.myDiv:hover img {
    float: left;
}

回复于 2024-05-12T08:37:12+08:00