Question

我正在建立一个带有起源和动力的site。在主页上，顶部有dynamik，有3个小部件。我在前三名之下创造了3个。

我的问题是，当我将鼠标悬停在任何一个元素上时，其余的＆＃34;跳跃＆＃34;周围。悬停所做的就是将元素大小从300px调整到350px。

我如何管理只有＆＃34;活跃＆＃34;元素悬停在反应上，其他5保持静态？

我可能找到solution但我还是迷路了。我相信这有点太新了。两行代码

这是否会进入html文件？我正在使用Wordpress，这些6个字段使用小部件填充。

从解决方案中我了解到我必须创建第一个悬停到六个悬停，其中六行代码将图像链接到类。

使用位置：绝对;

如果我对此的看法是正确的，请告诉我，并建议我如何做

代码和地点。

THX

Answer 1

您应该在\wp-content\themes\the-theme-you-use\style.css中设置css，例如它可能是这样的：

.dynamik-widget-area.feature {
  position: absolute; 
}

只需将其放在文件末尾的任何位置即可。

另一种解决方案是将style="position: absolute"添加到以下部分中的第一个<div>元素：

<div   style="position: absolute"  id="ez_feature_6" class="widget-area dynamik-widget-area ez feature 6">
  <section id="black-studio-tinymce-39" class="widget widget_black_studio_tinymce">
    <div class="widget-wrap">
      <div class="textwidget"><p style="text-align: center;"><a href="http://new.bluprintwebsolutions.co.za/wp-content/uploads/2015/02/diy1billboard.jpg"><img class="alignnone size-medium wp-image-64" src="http://new.bluprintwebsolutions.co.za/wp-content/uploads/2015/02/diy1billboard-300x300.jpg" alt="diy1billboard" width="300" height="300"></a></p>
</div></div></section>
</div>

但请注意，这将解决重叠问题，但作为回报，您必须重新定位元素。

使用例如left属性也可以使用css重新定位。类似的东西：

.second{
  left: 100px;
}

然后在该

的类中添加第二个

<div   style="position: absolute"  id="ez_feature_2" class="widget-area dynamik-widget-area ez feature 6 second">

悬停在其他元素上时停止元素的移动

1 个答案: