我在div标签中有table和p标签,背景图片。我想让table和p的背景都是透明的,这样图像就会显示没有框。我试过了
style="background-color:transparent;"
使用p table td tr td标签。但仍然出现了盒子。 我怎样才能使整个表格和p标签透明。
div#registration_form
{
width: 400px;
border-style: solid;
text-align: center;
margin: 50px,auto;
margin: auto;
}
tr,td,th
{
padding-top: 5px;
background-color: transparent;
}
p
{
background: transparent;
}
答案 0 :(得分:0)
希望这可以解决您的问题:
试试这个:
table*, p{
background:none transparent;
border:0px;
}
答案 1 :(得分:0)
我不确定,但这是你想要完成的https://jsfiddle.net/r22nd8gg/吗?如果只是将它添加到你的css
tbody {
background: transparent none repeat scroll 0 0;
}
td {
color: transparent;
}
form {
background: transparent none repeat scroll 0 0;
}
答案 2 :(得分:0)
您的问题是p
标记的边距,这是html中段落的默认样式。
https://jsfiddle.net/qhvmka73/1/
只需添加此
即可 p {
margin: 0;
}
红线消失。
P.D。:我喜欢firefox的检查员:)
答案 3 :(得分:0)
要获得要显示的背景颜色,您需要在一些当前具有白色背景(background: transparent
和form
)的项目上设置tbody
。以下是设置透明度的最终代码:
tr,td,th
{
padding-top: 5px;
background-color: transparent;
border:0px;
}
p, form, tbody
{
background: transparent;
}
以下是结果的完整代码和现场演示,红色背景显示:
div#registration_form {
width: 400px;
border-style: solid;
text-align: center;
margin: 50px, auto;
margin: auto;
}
tr,
td,
th {
padding-top: 5px;
background-color: transparent;
border: 0px;
}
p,
form,
tbody {
background: transparent;
}
* {
background-color: white;
font-family: "Comic Sans MS", arial, sans-serif;
font-size: 16px;
}
a {
text-decoration: none;
}
input[type="text"],
input[type="password"] {
background-color: #eeeeee;
margin-left: 10px;
font-size: 14px;
border: none;
border-radius: 3px;
color: #888888;
}
input[type="submit"],
input[type="reset"] {
margin-top: 5px;
background-color: #008dde;
color: white;
margin-bottom: 5px;
margin-left: 10px;
border: none;
border-radius: 3px;
height: 30px;
}

<div id="registration_form" style="background:red;">
<form action="RegistrationServlet" method="post">
<table style="background:transparent;">
<tr>
<td>
First Name
</td>
<td>
<input type="text" id="first_name" name="firstname">
</td>
</tr>
<tr>
<td>
Last Name
</td>
<td>
<input type="text" id="last_name" name="lastname">
</td>
</tr>
<tr>
<td>
Password
</td>
<td>
<input type="password" id="password" name="password">
</td>
</tr>
<tr>
<td>
Confirm Password
</td>
<td>
<input type="password" id="confirm_password" name="confirmpassword">
</td>
</tr>
</table>
<p>
<input type="submit" value="Register" id="register">
<input type="reset" value="Reset" id="reset">
</p>
</form>
</div>
&#13;
JSFiddle版本:https://jsfiddle.net/qhvmka73/2/