2-9作业题图片上边表单的背景颜色怎么弄透明的啊

2-9作业题图片上边表单的背景颜色怎么弄透明的啊

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{margin:0;padding:0;}
.header{width:100%;height:60px;background:#07cbc9}
.header img{float:left;padding-left:100px;}
.left{float:left;color:#ffffff;list-style:none;width:50px;line-height:60px;}
.xiao{float:right;}
.xiao ul{padding-right:50px;}
.clear{clear:both;}
.song{width:100%;height:100px;}
.song img{width:100%;height:500px;}
.toplaype{pasition:absolute;left:0;margin-top:-100px;width:100%;height:500px;background:#000;opacity:0.5;}
.zhuo{width:300px;height:20px;margin-bottom:10px;}
.yang{position:absolute;left:50%;top:250px;margin-left:-150px;margin-top:-30px;}
</style>

</head>


<body>
<div class="header">
  <img src="images/logo.png" >
 <div class="xiao">
 <ul >
 <li class="left">home</li>
 <li class="left">home</li>
 <li class="left">home</li>
 <li class="left">home</li>
 <li class="left">home</li>
 <li class="left">home</li>
 </ul>
 </div> 
</div>
<div>
<div class="song">
<img src="images/banner3.jpg"> 

</div>
<div class="toplaype"></div>
<div class="yang">
<div class="zhuo"><input tyle="text" name="username" size="35" maxlength="6" /></div>

<div class="zhuo"><input tyle="text" name="username" size="35" maxlength="6" /></div>

<div class="zhuo" ><input tyle="text" name="username" size="35" maxlength="6" /></div>
</div>
</div>
</body>
</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
小丸子爱吃菜 2017-08-29 19:55:14

可以给.zhuo里面的input单独设置:background-color:transparent;

好帮手慕糖 2017-08-29 10:03:01

你好,(1) 整个表单应该嵌套在form表单里面,示例:

<form action="">
       <input type="text" />
       <input type="text" />
</form>

(2) 背景颜色为透明,可用“transparent”设置透明。

祝学习愉快~


  • 提问者 晓松aa #1
    具体透明怎么设置啊,是设置在form action="transparent",是这样吗怎么不显效果啊
    2017-08-29 19:48:19
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师