всем привет. нужна помощь.
ребят как сделать прозрачный дизаин? что бы все осталось как есть но тупо было прозрачно.

Изображение

------
44595_Screenshot_20170317231644.png (56.9 Kb)
Скачиваний: 81

opacity

не понял

body {
color: #;
font-size: 13px;
max-width : 400px;
margin : auto;
font-family: "Arial";
background: # ;
}

a:link,
a:active,
a:visited {
color: #9F4549;
text-decoration: none;
}

a:hover,
a:focus {
color: #1B0303;

}
img {
vertical-align: middle;
border-style: none;
}

.sh {
font-size: 15px;
color: #FF9C00;
border-bottom: 1px solid #FF9C00;
margin-bottom: 5px;
line-height: 25px;
}
.tj {
background-color: #0a0a0a;
padding: 6px;
font-size: 14px;
color: #FFF;
margin-top: 5px;
margin-bottom: 5px;
border-radius: 5px;
}

.tj-inv {
background-color: #0a0a0a;
padding: 6px;
font-size: 14px;
color: #FFF;
margin-top: 5px;
margin-bottom: 5px;
border-radius: 5px;
max-width: 48px;
min-height: 48px;
display: inline-block;
}
.verx {
background: #0a0a0a;
text-align:center;
height:126px;


}
.razdel {
background: url(img/razdel.png)repeat-x top left;
height:19px;


}

.razd4 {
background: url(img/bz.png) repeat-x bottom right, url(/img/bn.png) repeat-x top right #3c080a;
padding: 16px;
color: #d7aaac;
text-align: center;
border-radius: 0 0 10px 15px

}
.razd55 {
background: url(img/bz.png) repeat-x bottom right, url(/img/bn.png) repeat-x top right #3c080a;
padding: 16px;
color: #fff;
border-radius: 0 0 10px 10px

}
.razdin {
background: #0a0a0a;
padding: 4px;
color: #99a4ad;
text-align: center;
}

.razd5 {
background: url(img/rzd88.png) no-repeat top left,url(img/rzd7.png) no-repeat top right, url(img/rzd.png)repeat-x top left #3e1010;
padding: 16px;
color: #fff;
text-align: center;
border-radius: 15px 15px 0 0

}





a.menu_j,
.menu_j a:link,
.menu_j a:visited {
background: #191919 url(img/zxb1.png)repeat-x bottom left;
text-decoration: none;
color: #928b8b;
text-shadow: 0px 1px 0px #08151d;
border-top: 1px solid #1b1b1b;
border-bottom: 1px solid #000;
display:block;
padding:4px;
padding-left: 8px;
}

.menu_j a:focus,
.menu_j a:hover,
a.menu_j:hover,
.menu_j a:active {
background: #191919 url(img/zxb9045.png)repeat-x bottom left;

}





span.info {
float: right;
margin-right: 19px;
margin-top: 25px;
}




a.link-games { color: #8c8c8c; text-decoration: underline; }


.games {

padding: 8px;
color: #747474;
text-align: center;
}

.rating {

background-color: #1b0303;
border-bottom: 1px solid #9f4549;
border-top: 1px solid #000;
padding: 0px;
color: #546f84;
text-align: center;
border-radius: 3px;
}




.ratingz {
background: url(img/ratingz.png) repeat-x top left;
height:19px;
width: 80%;
text-align: center;
border-radius: 3px;
}





input[type~="text"],
input[type~="select"]{
outline:none;
border:0px solid #1d0a13;
border-radius: 0px;
padding:9px;
color: #444444;
margin-top: 3px;
width: 150px;
border-bottom:3px solid #000;
margin-bottom: 3px;
background: #dedede url(img/simp.png)repeat-x top left;
}

textarea {
outline:none;
border:0px solid #1d0a13;
border-radius: 0px;
padding:15px;
color: #444444;
margin-top: 3px;
width: 240px;
border-bottom:3px solid #000;
margin-bottom: 3px;
background: #dedede url(img/simp.png)repeat-x top left;
}


input[type~="password"]{
outline:none;
border:0px solid #1d0a13;
border-bottom:3px solid #000;
border-radius: 0px;
padding:9px;
color: #444444;
width: 150px;
margin-bottom: 5px;
background: #dedede url(img/simp.png)repeat-x top left;
}


a.btn-box {
cursor: pointer;
background: url(img/inpz.png) repeat-x;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #fff;
margin-top: 5px;
margin-bottom: 5px;
display: block;
border: 0px;
padding: 11px;
text-align: center;
border-bottom: 3px solid #000;
text-shadow: 0 1px 0 #6f6f6f;
box-shadow: inset 0px 1px 0px #767373;
}

input[type="submit"], input[type="button"] {
cursor: pointer;
background: url(img/inpz.png) repeat-x;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
color: #0ff;
margin-top: 5px;
border: 0px;
padding: 11px 20px 11px 20px;
border-bottom: 3px solid #000;
text-shadow: 0 1px 0 #6f6f6f;
box-shadow: inset 0px 1px 0px #767373;
}

.avatar {
border-radius: 40px;
border: 1px solid yellow;
box-shadow: 0 1px 1px #000;
}

.info_block {
background-color: #0a0a0a;
color: #ffffff;
font-size: 9pt;
padding: 8px;
box-shadow: 0 1px 1px #000;
}

.msg {
background: url(img/msgbz.png) repeat-x bottom right, url(img/msgbn.png) repeat-x top right #0a4003;
padding: 16px;
color: #d7aaac;
text-align: center;
}

.error { background: #b84033; border-radius: 3px; border-bottom: 2px solid #651f18; padding: 13px; color: #fff; }

загугли opacity css

Попробуй к body добавить строчку
opacity: 0.5; (там где 0.5 это уровень прозрачности, по экспериментируй с цифрами пока не добьешься нужной прозрачности))) должно сработать.
________
посл. ред. 19.03.2017 в 04:33; всего 1 раз(а); by Master zpank

opacity, rgba и т.д. В гугле масса инфы.