Проблема с градиентом

[jihiri_kuro]

Доброго времени суток! Третий день бьюсь над фоном записи: я очень люблю полупрозрачные подложки, поэтому сделала так:

.
А потом решила выпендриться и сделала градиентную полупрозрачность с помощью Ultimate CSS Gradient Generator. Но теперь на эпиграфе фон дублируется:

. Не менялось ничего, кроме тега background:
с

{background: rgba(255, 255, 255,.3); border-radius: 10px; padding: 20px!important; margin: 0 0 40px 0px!important;}

на

{background: -moz-linear-gradient(top, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.5) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.5) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#80ffffff',GradientType=0); border-radius: 10px; padding: 20px!important; margin: 0 0 40px 0px!important;}

.

Кто-нибудь знает, в чем ошибка? Заранее спасибо!

Решено благодаря  curious_werewolf!

@темы: эпиграф, платный сервис

Comments

[Elverin]

jihiri_kuro, я самоучка и все разведываю методом проб и ошибок, но вдруг такой способ поможет Допишите в код:

#epigraph .postContent {background: transparent !important;}
#epigraph .postLinksBackg {display: none !important;}
 #epigraph .header {display: none !important;}

Помогло, когда у меня под записи была подложка в виде картинки, а эпиграф должен был остаться прозрачным.

[curious_werewolf]

Дублируются фоны в .singlePost, .singleComment {} и #epigraph{}.
Как вариант фон эпиграфа можно указать в стилях после singlePost, обнулить первой строкой и потом задать ему отдельный линейный градиент:

#epigraph{
background: none!important; 
background: -moz-linear-gradient(top, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.5) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.5) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#80ffffff',GradientType=0); border-radius: 10px; padding: 20px!important; margin: 0 0 40px 0px!important;}

[jihiri_kuro]

Elverin, увы, не помогло, но все равно благодарю за отзыв!
curious_werewolf, а вот ваш совет помог, еще раз спасибо!

[curious_werewolf]

jihiri_kuro, пожалуйста))