为了账号安全,请及时绑定邮箱和手机立即绑定

悬停在图像上时的效果

悬停在图像上时的效果

繁花如伊 2023-10-10 10:30:59
当我尝试调用它时,我认为我的类或 ID 被搞乱了。CSS:image#ply : hover .ply-text {    visibility: visible;}HTML:<image id="ply" style="height: 50px; padding:5px;" src="images.png">        <div class="ply-text">            <p>Click for more info!</p>        </div>
查看完整描述

2 回答

?
侃侃无极

TA贡献2051条经验 获得超10个赞

先说几个问题:

  • 用于嵌入图像的 HTML 元素称为img

  • 元素img的内容模型是空的,即它可能没有任何子元素。

  • 即使这些不是问题,您也不会看到您正在寻找的效果,因为文本在开始时就已经可见。

鉴于此,这是一个可能的解决方案:

当我尝试调用它时,我认为我的类或 ID 被搞乱了。


CSS:


image#ply : hover .ply-text {

    visibility: visible;

}

HTML:


<image id="ply" style="height: 50px; padding:5px;" src="images.png">

        <div class="ply-text">

            <p>Click for more info!</p>

        </div>

htmlCSS

~是一个同级选择器,允许一个元素引用另一个元素后面的元素。



查看完整回答
反对 回复 2023-10-10
?
HUX布斯

TA贡献1876条经验 获得超6个赞

当我尝试调用它时,我认为我的类或 ID 被搞乱了。


CSS:


image#ply : hover .ply-text {

    visibility: visible;

}

HTML:


<image id="ply" style="height: 50px; padding:5px;" src="images.png">

        <div class="ply-text">

            <p>Click for more info!</p>

        </div>

htmlCSS


查看完整回答
反对 回复 2023-10-10
  • 2 回答
  • 0 关注
  • 66 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信