css - Can you make the border transparent? -
in css there way make border transparent, box (inside) border same?
please see link: http://jsfiddle.net/xiijamiie/lfwbn/14/
#white_box { position:absolute; min-width:90%; max-width:90%; margin:0 auto; height:92%; top:0%; left:5%; right:5%; background:white; z-index:1; width:80%; border:5px #0f0 solid; }
i know if can make green border 0.6 opacity , keep white inside normal.
is possible or have make 2 divs on top each other?
thanks in advance!
you use: border: 5px rgba(0, 255, 0, 0.6) solid;
#white_box { position: absolute; min-width: 90%; max-width: 90%; margin: 0 auto; height: 92%; top: 0%; left: 5%; right: 5%; background: white; z-index: 1; width: 80%; border: 5px rgba(0, 255, 0, 0.6) solid; }
alternatively, use outline
too; both have different results.
outline: 10px solid rgba(0, 255, 0, 0.6);
Comments
Post a Comment