【问题标题】:Hide & show image when mouse over鼠标悬停时隐藏和显示图像
【发布时间】:2012-01-27 11:35:48
【问题描述】:

我正在处理 ASP.net (VB) 中的图片 并尝试在鼠标悬停时隐藏此图片并在鼠标移出时显示 在不使用脚本或 jQuery 的情况下如何做到这一点?

请帮帮我

【问题讨论】:

    标签: asp.net


    【解决方案1】:

    您可以在 Javascript 或 CSS 中执行此操作。

    例如,使用 CSS:

    <img class="hideshowimage" ... />
    

    在你的 CSS 中

    .hideshowimage:hover { visibility:hidden; }
    

    【讨论】:

    • 如果我想让图像在鼠标悬停时显示并在鼠标移出时隐藏,那么相反呢?
    • 更新了答案。我还将它从 display 更改为 visibility,因为我假设您想要保持布局,即使图像被隐藏。
    • 我使用了你的代码,但鼠标悬停时图像抖动,我不知道是什么问题?
    • 您使用的是旧的display 代码还是新的visibility 代码?
    • +1 - 这些伪选择器(这就是它们的名称吗??)几乎没有被使用。比 JavaScript / jQuery 解决方案干净得多。假设当然不支持旧 IE 是一种选择...叹息
    猜你喜欢
    • 2011-02-09
    • 2017-04-10
    • 1970-01-01
    • 1970-01-01
    • 2013-02-18
    • 2019-04-21
    • 1970-01-01
    • 2013-07-08
    • 1970-01-01
    相关资源
    最近更新 更多