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;

updated example

#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); 

example here


Comments

Popular posts from this blog

php - regexp cyrillic filename not matches -

c# - OpenXML hanging while writing elements -

sql - Select Query has unexpected multiple records (MS Access) -