Heim > Artikel > Web-Frontend > CSS 背景透明效果的实现_html/css_WEB-ITnose
描述不清楚这种效果,直接上图,无图无真相
图中那个表单效果怎么实现呢?
input{opacity: 0.8;}
input{opacity: 0.8;}
我给input、textarea加了opacity:value属性。但是无法达到那种,表单内容透明,而其他部分不透明。
<div class="d1"> <div class="d2"> <form> <input/> </form> </div></div><style> .d1{background:url(http://static.csdn.net/public/common/toolbar/images/f_icon.png)}.d2{opacity: 0.8;background:#00f;width:100%;height:200px;text-align:center;opacity:0.7;} input{background:rgba(255,255,255,200);}</style>
用PNG图片.