CSS: После того, как псевдо -элемент не отображается на ? [дублировать] ⇐ CSS

[Anonymous]

У меня есть изображение, которое вроде как выдвигается из меню, когда вы его падаете. Поскольку он спрятан под меню, я хочу дать дно изображения немного DEPH, добавив темное исчезновение внизу. Я подумал, что лучший способ достичь этого - использовать псевдо -элементы. Меня не очень волнует поддержку IE, так как это такая небольшая деталь. < /P>
Итак, вот что у меня есть: < /p>
.header-section .trygg-ehandel-icon {
position: absolute;
top: 45px;
right: 280px;
z-index: 0;
display: block;
// Stripped out some transition style here
}

// Here's where the cool stuff begins!
.header-section .trygg-ehandel-icon::after {
position: absolute;
top: 0px; left: 0px;
height: 20px; width: 20px;
display: block;
content: '.';
z-index: -999999px;
background: red;
}
< /code>
Во -первых, я не уверен, использовать ли двойные или отдельные колоны до «после». Я всегда использовал один, но недавно я заметил, что люди используют два, так что же уйти? Либо, кажется, работает!

Подробнее здесь: https://stackoverflow.com/questions/145 ... -up-on-img