изображение не будет отображаться HTML + CSS

Question

Я пытаюсь поставить два изображения (халявные и вид) на вершине другой из них, вот HTML:

<div class="row"> 

<div class="col-md-3 col-sm-4 col-xs-6 backgrounddownload backgroundview"> 
    <a href="{site_url}scents/baobab/pearls/black-pearls"><img class="img-responsive" src="123.png"></a> 
</div> 

<div class="col-md-3 col-sm-4 col-xs-6 backgrounddownload backgroundview"> 
    <a href="{site_url}scents/baobab/pearls/black-pearls"><img class="img-responsive" src="123.png"></a> 
</div> 

<div class="col-md-3 col-sm-4 col-xs-6 backgrounddownload backgroundview"> 
    <a href="{site_url}scents/baobab/pearls/black-pearls"><img class="img-responsive" src="123.png"></a> 
</div> 

<div class="col-md-3 col-sm-4 col-xs-6 backgrounddownload backgroundview"> 
    <a href="{site_url}scents/baobab/pearls/black-pearls"><img class="img-responsive" src="123.png"></a> 
</div> 

Вот CSS:

.backgrounddownload:after 
{ 
content: ''; 
position: absolute; 
width: 30px; 
height: 30px; 
top: 5px; 
left: 5px; 
background-image: url(dowload.png); 
} 


.backgroundview:after 
{ 
content: ''; 
position: absolute; 
width: 30px; 
height: 30px; 
top: 50px; 
left: 35px; 
background-image: url(view.png); 
} 

по какой-то причине второй DIV, в этом случае dowload.png не загрузит, и в хроме при осмотре все .backgroundview: после того, как отключен; Наверное, у меня не может быть двух: после, но как я могу избежать этого?

Answer 1

Вы не устанавливаете контейнер .backgrounddownloadposition: relative, который в этом случае позиционирует их по отношению к телу. Добавление position: relative в контейнер даст вам управление вашим absolute элементам.

Добавить это в CSS:

.backgrounddownload { 
    position: relative; 
} 

Fiddle

Update

Кажется, я понял ваш вопрос. В этом случае вместо 2 :after вы также можете использовать :before.

.backgroundview:before { 
    content: ''; 
    position: absolute; 
    width: 30px; 
    height: 30px; 
    top: 5px; 
    left: 5px; 
    background: #fff 
} 

Updated Fiddle