css过渡停止了工作

Question

将样式更改为某些内部div后，悬停转换停止工作。为了看看是否是原因，我删除了新的样式，但问题仍然存在。无法理解原因。

直播链接在这里

的.com /

滑块左侧的这些块

HTML代码（虽然它与以前工作正常的代码相同）

<div class="slidersidehover slidersideheight" id="sliderside1">
  <div id="sliderside1title"></div>  
  <div id="sliderside1content"></div>
</div>

<a href="" target="_blank">
  <div class="slidersidehover slidersideheight" id="sliderside2">
    <p id="sliderside2txt"></p>
  <div id="sliderside2bg"></div>  
  </div></a>

<a href="" target="_blank">
  <div class="slidersidehover slidersideheight" id="sliderside3">
    <p id="sliderside3txt"></p>
  <div id="sliderside3bg"></div>  
  </div></a>

和css

.slidersidehover {

background-color:black !important;
transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
-moz-transition:0.3s;
-webkit-transition:0.3s;
}

.slidersidehover:hover {
opacity:0.5;
}

Answer 1

尝试删除style.css中的html注释<!--slider--> 并使用css评论：/* slider */

Answer 2

据我所知，只有在活动状态和静止状态下声明属性时才会发生转换。

.slidersidehover {
opacity:1;

background-color:black !important;
transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
-moz-transition:0.3s;
-webkit-transition:0.3s;
}

.slidersidehover:hover {
opacity:0.5;
transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
-moz-transition:0.3s;
-webkit-transition:0.3s;
}

我不确定你到底会产生什么样的影响，但出于解释目的，我在剩余状态下将不透明度设置为1，然后在悬停时将不透明度设置为0.5。这应该可以解决问题。