不透明度问题

Question

当悬停图像时，用户可以看到有关图像的一些其他信息。在它透明之前，但现在我不希望它变得透明。所以我删除了我的CSS中的opacity行。但后来这个街区焕然一新......

之前

后

CSS

 #uicarousel-news-preview-block-1 .ui-carousel-item .views-field-title,
 #uicarousel-news-preview-block-2 .ui-carousel-item .views-field-title {
        height:35px;
        margin-top:-46px;
        background-color:green;
        padding-left : 30px;
        padding-right : 30px;
        opacity : 0.6;
        /*IE opacity*/
        filter:alpha(opacity=60);
        color: white;
        display: none;
    }

CSS有什么问题，或者我必须做些什么才能确保没有不透明度并且div仍然在图像前面？

更新
这是HTML。这是一个Drupal网站，绿色栏是views-field-title

Answer 1

这应该有所帮助：

#uicarousel-news-preview-block-2 .ui-carousel-item .views-field-title
{
  ...
  position:relative; 
  /* z-index: ...; - if needed */
}