主页 / 问题 / 1436656
Accepted
Teoom07
Asked:2022-08-06 05:07:48 +0800 CST2022-08-06 05:07:48 +0800 CST

HTML CSS /光标指针[关闭]

  • 772

大家好！

我需要这样做，以便当您将鼠标悬停在图像上时，会在其上叠加一个透明的黑色胶片，上面会有一个标题和一个您可以单击的按钮。问题如下：我叠加了电影，有标题，但是光标：指针没有设置到按钮上，不知道怎么解决。

这是我的代码：https ://liveweave.com/WcO7K3

当您将鼠标悬停在图像上时，光标应出现在出现的白色方块上。

这是 figma 的样子： https ://www.figma.com/file/gBEwh0z9OcWrV6TGs8H2Ij/%D0%BF%D0%BE%D1%82%D1%80%D1%84%D0%BE%D0%BB %D0 %B8%D0%BE-%D1%85%D1%83%D0%B4%D0%BE%D0%B6%D0%BD%D0%B8%D0%BA%D0%B0?node-id= 27% 3A53

“我的投资组合”部分，有一个应该如何的例子。

html css

1 个回答

  1. Best Answer

    这是针对您的问题的纯 CSS 解决方案：

    .container__pic img:hover + .pic__desc {
  display: block;
}

.pic__desc:hover {
  display: block;
}

    小解释：

    将光标悬停在图像上时，具有该类的下一个元素.pic__desc将收到比例display: block，然后如果光标悬停在.pic__desc上面，则也给它display: block。

    悬停在 上时.pic__info，我的光标变成了指针，请确保您的系统正常光标与指针不同。

    • 1

相关问题