Html 可单击按钮不适用于某些css

Html 可单击按钮不适用于某些css,html,css,Html,Css,我有一些可点击的链接,它工作得很好。但是,如果我为另一个部分应用css,那么这些链接。以下是CSS: .strong-view .wpmslider-wrapper { position: relative; } 此css仅适用于.strong视图类。但另一部分的链接不起作用。以下是实时链接:最近新闻下的“阅读更多”按钮不起作用。如果我只是删除 .strong-view .wpmslider-wrapper { position: relative; } 它很好用 真奇怪!。

我有一些可点击的链接,它工作得很好。但是,如果我为另一个部分应用css,那么这些链接。以下是CSS:

.strong-view .wpmslider-wrapper {
  position: relative;


}
此css仅适用于
.strong视图
类。但另一部分的链接不起作用。以下是实时链接:最近新闻下的“阅读更多”按钮不起作用。如果我只是删除

.strong-view .wpmslider-wrapper {
  position: relative;

} 
它很好用


真奇怪!。发生了什么问题?提前感谢。

相对位置可能会影响元素的
z-index
(是的,我知道这毫无意义,但在我看来,如果有人有相关文档,我很乐意阅读,这只是我自己的经验)。页面上还有其他z索引的内容吗?如果你把这个类的Z-索引改为高于你的其他Z索引,它可能会解决点击问题。

这是因为你已经在中间浮动了3个部分,没有清除浮标,并且<代码>。但实际上,由于没有清除这些浮动部分,它占用了3个浮动部分所在的所有空间

最简单的修复方法是添加

.testmonial-container {
    clear: both;
}

更好的修复方法是将3个浮动部分封装在一个应用了“clearfix”的元素中-

这可能是一个
z-index
问题,但您提供的代码不会复制该问题。请提供复制所需的最小代码量,否则我们只是猜测。感谢您的时间。请查看更新。仍然没有复制。请使用复制问题的代码更新您的帖子。请参见此处如何使用live link再次创建更新的链接。现在好了吗?