CSS背景圖像重疊

.video-wrapper { 
    max-width: 640px; 
    margin: auto; 
    margin-top: 20px; 
} 
.video1 { 
    border: 0px dotted black; 
    height: 420px; 
    /*height:50vw;*/ 
    background: url("http://learn.shayhowe.com/assets/images/triangles/triangles.svg") left -3px no-repeat, url("http://learn.shayhowe.com/assets/images/triangles/triangles.svg") right -3px no-repeat; 
    /* background-position: left, right;*/ 
    background-repeat: no-repeat, no-repeat; 
}

如何使圖像降低窗口的大小不重疊的中心DIV的內容？喜歡這裏：learn.shayhowe.com

現在，左，右圖像重疊.video但需要將其固定或別的東西。

Thx提前！

來源

2015-11-11 ildar

加入'z-index：100;背景：#fff;'你的'.video-container'？ –

TNX的傢伙，但我認爲這不是最好的決定 - 圖像必須是從側面背景調整大小的OPENNET。像這裏learn.shayhowe.com – ildar

當我調整圖像bg-img元素將由中央div，這就是爲什麼我需要bg-img總是靜態的中央div – ildar

你好你是不是這個意思？ https://jsfiddle.net/evL7tn6r/6/

只需添加一個包裝到您的視頻1

.page{ 
    width:100%; /*this is not really necessary*/ 
    overflow:hidden; 
}

和最小寬度與視頻

可以調整最小寬度設置圖形之間的最小空間

來源

2015-11-11 13:26:17

CSS背景圖像重疊

回答

相關問題