Непрозрачность - PullRequest
Новая
       52

Непрозрачность

1 голос
/ 26 апреля 2011

При наведении курсора на изображение пользователи могут видеть дополнительную информацию об изображении. Раньше он был прозрачным, но теперь я не хочу, чтобы он был прозрачным. Поэтому я удалил строку opacity в моем css. Но тогда блок приобрел совершенно новый вид ...

До
enter image description here

* После 1011 *
enter image description here

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 все еще перед изображением?

UPDATE
Это HTML. Это сайт Drupal, а зеленая полоса - views-field-title enter image description here

1 Ответ

2 голосов
/ 26 апреля 2011

Это должно помочь: 

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