标签: hover

在为我的新服务设计关于页面时,我偶然发现了一个古怪的问题,我无法解决它的原因.

将鼠标悬停在其中一个方框上,然后是该方框的图标,您应该注意到图像看起来因某些奇怪的未知原因而变暗,我想知道您是否可爱的人可以帮助我找出导致它的原因.

网站: http ://beta.idify.me/about/

当我将鼠标悬停在表格中的h4标签上时,一切正常.但是,当我将鼠标悬停在位于h4元素内的强标记上时,强标记会获得与h4标记相同的悬停.

我有一个表元素,每个td元素的结构如下所示:

<td>
  <a>
    <div>
      <h4>
        ...<strong>...</strong>...
      </h4>
    </div>
  </a>
</td>

这是影响表中元素的CSS.

h4 {
  font-weight: 100;
  margin: 0px;
  padding: 12px 0px;
  color: black;
}

a {
  text-decoration: none;
}

a:visited {
  color: white;
  background-color: none;
}

strong :hover {
  background: none !important;
  background-color: transparent !important;
}

/*Used for the gradient on hover for the background*/

.itemTrue > a > div :hover {
  color: white;
  background: #e4e4e4;
  background: -moz-linear-gradient(top,  #e4e4e4 0%, #295534 73%, #1d3923 88%, #000000 100%);
  background: -webkit-gradient(linear, left top, …

哪个更适合网站速度,CSS:悬停或jQuery悬停？或者他们差不多？

让我解释一下我想要达到的目标。

我的网站上有文字，当用户将鼠标悬停在上面时，我想让它变大，当用户离开悬停时变小。

问题是当我使用:hoverCSS 中的方法将其放大时，我无法在之后恢复到它之前的（初始）状态。

#sname{
    margin-top: 100px;
    margin-bottom: 100px;
    color: rgba(1,1,1,0.7);
}

#sname a{
    font-weight: bold;
    font-size: 4em;
}

#sname a:hover{
    font-size:88px;
    transition: all 500ms;
    font-size-adjust: 20px;

}

我有点卡住了，我试过了，not:(:hover)但没有任何作用，我也用过:onmouseleave

这是一个大学项目的网站，我的工作大部分已完成（必须将其链接到数据库），但我只想通过 CSS 让它看起来更好，我会使用 javascript，但对它的工作原理知之甚少。

谢谢。

为什么悬停时.a的背景颜色不会改变？.B？

CSS

.a {
    color: red;
}

.b {
    color: orange;
}

.b:hover .a {
    background-color: blue;
}

HTML

<div id="wrap">
    <div class="a">AAAA
    <div class ="b">BBBB</div>
    </div>
</div>

http://jsfiddle.net/2NEgt/323​​/

有没有办法在以下行中使用代码:

if mouse.hover = True

在PHP？

这是我的HTML代码

<div id="id_1"></div>
<div id="id_2"></div>
<div id="id_3"></div>
<div id="id_4"></div>

这是我的css代码

<style>
#id_1:hover #id_2{background-color:red;}
#id_1:hover #id_3{background-color:red;}
#id_1:hover #id_4{background-color:red;}
#id_2:hover #id_4{background-color:red;}
</style>

这个悬停是为什么不工作？谁来帮帮我 ？

当我悬停#id_1时,我需要更改backgroundcolor#id_2

我无法弄清楚如何在悬停时使圆形涂鸦（如手绘草图）出现在链接上。在完美的世界中，它应该是一个动画 svg 路径，但此时仅出现对我来说就可以了。这正是我想要实现的目标：

我尝试将背景图像设置为不透明度：0，并将鼠标悬停在不透明度：1 上，但问题是，当链接较长时，背景图像无法覆盖全部内容。我也尝试过使用边框，但后来我无法添加自定义边框形状，使其看起来像用钢笔绘制的圆形草图。

这是我在网上找到的一个示例：单击此处，“突出显示的标题”下的“圈我”示例

我希望这一切都有意义，谢谢！

我想说当我将鼠标悬停在.project上时,我希望显示p标签.但是我编写的代码同时显示了每个项目的所有p标记.我怎么能说只有当我在那个项目上出现那个项目下的p时.没有添加额外的课程？

$(document).ready(function() {

 $('.project').hover(
     function () {
       $('.project p').css({"visibility":"visible"});
     },
     function () {
       $('.project p').css({"visibility":"hidden"});
     }
 );

});

如何检查仅在我将另一个元素悬停时才出现的元素？当我将鼠标悬停时，该元素就会消失。

我不太确定是否悬停效果是通过CSS类或javascript完成的。