重复图像，然后是DIV中的另一个图像

只是想提前说声谢谢。

首先我有一个单独的div，它是Height: 100%和Width: 130px我有一个130x5px的图像，我想垂直重复，直到达到屏幕高度的75％。然后我想直接在它下面放置另一个图像。我知道如何垂直重复图像。但我不知道如何直接在其下面附加另一个图像。重复图像，然后是DIV中的另一个图像

P.S.我希望它全部在同一个div中，以便我可以使用JQuery来控制div而不仅仅是它内部的各个元素。

来源

2013-04-29 snocavotia

什么是你试图使用复制这个代码？ – Ohgodwhy 2013-04-29 20:05:17

你不能把两个div放在一个div里吗？有一个占据前75％，第二个占据最后的25％ – Vector 2013-04-29 20:08:00

怎么是这样的：

div.snocavotia { 
    background: url(http://lorempixel.com/130/5/) repeat; 
    z-index: 100; 
    height: 100%; 
    width: 130px; 
    position: relative; 
} 

div.snocavotia:after { 
    background: url(http://lorempixel.com/130/30/) repeat; 
    z-index: 1; 
    content: ''; 
    position: absolute; 
    top: 75%; 
    right: 0; 
    bottom: 0; 
    left: 0; 
}

例子：http://cssdesk.com/h2XGc

来源

2013-04-29 20:51:56 user2313440

谢谢！完美无瑕！ – snocavotia 2013-04-30 00:36:57

重复图像，然后是DIV中的另一个图像

回答

相关问题