描述不清楚这种效果,直接上图,无图无真相
图中那个表单效果怎么实现呢?
回复讨论(解决方案)
input{opacity: 0.8;}
input{opacity: 0.8;}
我给input、textarea加了
opacity:value
属性。但是无法达到那种,表单内容透明,而其他部分不透明。
这里需要考虑三个层:
1、那张透明的背景图
2、蓝色的背景
3、表单输入框的透明效果
现在比较混乱的是如何摆放这三层。。。
<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图片.











