html - Double background -


i trying achieve similar display highlighted part in picture yellow , black background. 3 boxes displaying half in yellow , half in black bg.

can me deal in css bootstrap.

thanks in advance.

http://i.stack.imgur.com/ypj0w.png

the 3 boxes positioned absolutely on background image. see this-

#bgbox {      background-color: black;      border-left: 50px solid yellow;      width:50px;      height:100px;  }  #top {      position:absolute;      top:40px;      left:40px;      width:30px;      height:30px;      background-color:blue;        }
<div id="bgbox">  </div>  <div id="top">  </div>


Comments

Popular posts from this blog

java - UnknownEntityTypeException: Unable to locate persister (Hibernate 5.0) -

python - ValueError: empty vocabulary; perhaps the documents only contain stop words -

ubuntu - collect2: fatal error: ld terminated with signal 9 [Killed] -