2016-04-08 17 views
0

Arka plan görüntüsünü tekrar göstermekten nasıl emin olacağımı bilmiyorum, sanırım & ile ilgili bir şey var: Umarım bana yardımcı olabilirsiniz. Thx önceden.Arka plan resminin alt kısmında yeniden nasıl görünebilirim?

http://codepen.io/ctrprt253/pen/qZVKKG

.bg-image{ 
    background: $color-primary; 
    text-align: center; 
    position: relative; 
    z-index: 1; 
    overflow: hidden; 
    //text-shadow: 2px 0 5px black; 

    &:before{ 
    content: ''; 
    display: block; 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    width: 100%; 
    height: 100%; 
    z-index: -1; 
    background: #333  url('https://1.bp.blogspot.com/-6E1qWDwgvPE/UW1IxACizzI/AAAAAAAAAOc/5COs8aubq4c/s1600/the_art_of_conversation_by_rttmsdag-d32q8oc.jpg') no-repeat top center; 
    background-size: cover; 
    background-attachment: fixed; 
    filter: blur(5px); 
    opacity: .8; 
    transform: scale(0.8); 
    } 

cevap

0

Değişim bu satırı: O By

background: #333  url('https://1.bp.blogspot.com/-6E1qWDwgvPE/UW1IxACizzI/AAAAAAAAAOc/5COs8aubq4c/s1600/the_art_of_conversation_by_rttmsdag-d32q8oc.jpg') no-repeat top center; 

:

background: #333; 

Ve kaldırabilirsiniz bu satırlar:

background-size: cover; 
background-attachment: fixed; 

See it here

+0

Thx, ancak daha sonra başlıkta da kaybolur, sadece altta ikinci kez görüntülendiğinde kurtulmak gerekir. Herhangi bir fikrin var mı? –

+0

Ardından alt kapsayıcıdaki 'bg-image' sınıfını kaldırın: http: //codepen.io/anon/pen/wGpExZ –

+0

harika, hızlı yanıtlarınız için teşekkür ederiz! :) –

İlgili konular