less css opacity child

SO Я начал использовать LESS CSS. Теперь у меня есть родительский div с непрозрачностью: 0.8; Я хочу, чтобы у ребенка была непрозрачность: 1;less css opacity child

Так я создал это:

.offerte{ 
    font-family: BrushScriptRegular; 
    font-size: 34px; 
    background-color: black; 
    opacity: 0.80; 

    a:hover { 
    border-bottom: @underlineBorder; 
    opacity: 1; 
    } 
}

мне сказали, что это должно перезаписать родителей непрозрачности в LESS. Но это не работает для меня. Любые другие решения с МЕНЬШЕ, как с этим бороться?

THX заранее!

источник

2013-03-26 Kevinvhengst

http://stackoverflow.com/questions/12613191/why-cant-child-elements-override-the-opacity-of-parent-with-a-greater-value TLDR: используйте 'rgba' для цвета и фона, а не прозрачности. – steveax

@steveax Я знаю, что это лучший способ для обычного CSS. Но я действительно думал, что это возможно с LESS – Kevinvhengst

Nope. В конечном итоге LESS будет поставлять CSS в браузер, без магии. – steveax

Их некоторые серьезные изменения в свой код, посмотрите,

.offerte { 
    font-family: BrushScriptRegular; 
    font-size: 34px; 
    background-color: black; 
    opacity: 0.8; 
    &:hover { 
    border-bottom: @underlineBorder; 
    opacity: 1; 
    } 
}

Я поддерживаю Offerte класс якоря, который парить вниз, если это так, то вы должны сделать эти изменения ... Спасибо ...

источник

2013-03-26 07:11:56 SaurabhLP

less css opacity child

ответ

Смежные вопросы