2017-03-16 6 views
0
でParrallaxカバーを作成する方法を

私はParralaxカバーを作成するに問題があるは、ブートストラップ

.divcover { 
border: #cccccc solid 1px; 
background-attachment: fixed; 
background-position: center center; 
background-repeat: no-repeat; 
min-height: 200px; 
vertical-align: bottom; 
border: none; 
border-radius: 4px 4px 0 0; 
margin-top: 20px; 
/*margin-bottom: 20px;*/ 

}

.divCoverCover { 
background-color: rgba(0,0,0,0.4); 
border-radius: 4px 4px 0 0; 

}

このスタイルはtextshadowが含まれているが、これは問題としていますブートストラップ 私を助けてください!

答えて

-1

このヘルプあなた

.divcover { 
    border: #cccccc solid 1px; 
    background-attachment: fixed; 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-blend-mode: multiply; 
    color: #fff; 
    text-shadow: 1px 1px 0px #bbb; 
    position: relative; 
    overflow: visible; 
    padding-right: 200px; 
    min-height: 200px; 
    vertical-align: bottom; 
    border: none; 
    border-radius: 4px 4px 0 0; 
    margin-top: 20px; 
    /*margin-bottom: 20px;*/ 
} 

.divCoverCover { 
    background-color: rgba(0,0,0,0.4); 
    position: absolute; 
    left: 0; 
    right: 0; 
    top: 0; 
    bottom: 0; 
    border-radius: 4px 4px 0 0; 
} 
ことができます
関連する問題