问题：
如何在调查表后面添加半透明的矩形背景？[重复]
罗毅
我如何为调查表格添加背景，比如他们在这里是如何做的？
我说的是问题背后较小的黑色方框，而不是紫色背景。
body {
font-family: "Courier New", monospace;
font-weight: 900;
text-align: center;
}
#description {
font-style: italic;
}
.one-line {
display: block;
padding: 10px 0px 5px 0px;
}
.form-control {
width: 500px;
}
#dropdown {
width: 510px;
}
label {
font-size: 20px;
}
#submit {
margin: 10px;
}
#form-background {
width: 200px;
height: 200px;
color: red;
}<body id="body">
<h1 id="title" class="text-center">Jollibee Order Form</h1>
<p id="description" class="text-center">Welcome to Jollibee's order form! Hot, fresh, & juicy food all day long!</p>
<form id="survey-form">
<div>
<label id="name-label" class="one-line">Name</label>
<input type="text" id="name" placeholder="Enter your name" required class="form-control" />
</div>
<div>
<label id="email-label" class="one-line">Email</label>
<input type="email" id="email" placeholder="Enter your email" required class="form-control" />
</div>
<div>
<label id="number-label" class="one-line">Age</label>
<input type="number" id="number" min="10" max="100" placeholder="Enter your age" required class="form-control" />
</div>
<div>
<label class="one-line">Main</label>
<select name="options" id="dropdown" class="form-control">
<option value="option 1">Jolly Crispy Fried Chicken (spicy)
</option>
<option value="option 2">Jolly Crispy Fried Chicken (regular)
</option>
<option value="option 3">Original Chicken Sandwich </option>
<option value="option 4">Spicy Fried Chicken Sandwich
</option>
<option value="Jolly Spaghetti">Jolly Spaghetti</option>
</select>
</div>
<div>
<label class="one-line">Drink</label>
<input type="radio" name="radio buttons" value="radio
1" />Pineapple Quencher
<input type="radio" name="radio buttons" value="radio
2" />Water
</div>
<div>
<label class="one-line">Pie</label>
<input type="checkbox" value="checkbox 1" />Banana Langka Pie
<input type="checkbox" value="checkbox 2" />Peach Mango Pie
</div>
<div>
<label class="one-line">Special order notes?</label>
<textarea class="form-control"></textarea>
</div>
<input type="submit" id="submit" class="form-control" />
</form>
</body>
<div id="form-background"></div>共有1个答案
周翼
您可以简单地使用< code >。容器并给它一个背景色。请查看我对您的代码所做的更改。对于其他图像，您可以为您的身体设置< code >背景图像。
css lang-css prettyprint-override">body {
font-family: "Courier New", monospace;
font-weight: 900;
text-align: center;
width: 100vw;
height: 100vh;
background-image: url('https://cdn.wallpapersafari.com/53/62/l6bruO.jpg');
background-repeat: repeat-y;
background-size: cover;
}
#description {
font-style: italic;
}
.one-line {
display: block;
padding: 10px 0px 5px 0px;
}
.form-control {
width: 500px;
}
#dropdown {
width: 510px;
}
label {
font-size: 20px;
}
#submit {
margin: 10px;
}
.container {
width: 1000px;
height: 600px;
background-color: red;
}
<body id="body">
<div class="container">
<h1 id="title" class="text-center">Jollibee Order Form</h1>
<p id="description" class="text-center">Welcome to Jollibee's
order form! Hot, fresh, & juicy food all day long!</p>
<form id="survey-form">
<div>
<label id="name-label" class="one-line">Name</label>
<input type="text" id="name" placeholder="Enter your name" required class="form-control"/>
</div>
<div>
<label id="email-label" class="one-line">Email</label>
<input type="email" id="email" placeholder="Enter your email" required class="form-control"/>
</div>
<div>
<label id="number-label" class="one-line">Age</label>
<input type="number" id="number" min="10" max="100" placeholder="Enter your age" required class="form-control"/>
</div>
<div>
<label class="one-line">Main</label>
<select name="options" id="dropdown" class="form-control">
<option value="option 1">Jolly Crispy Fried Chicken (spicy)
</option>
<option value="option 2">Jolly Crispy Fried Chicken
(regular)
</option>
<option value="option 3">Original Chicken Sandwich </option>
<option value="option 4">Spicy Fried Chicken
Sandwich</option>
<option value="Jolly Spaghetti">Jolly Spaghetti</option>
</select>
</div>
<div>
<label class="one-line">Drink</label>
<input type="radio" name="radio buttons" value="radio
1"/>Pineapple Quencher
<input type="radio" name="radio buttons" value="radio
2"/>Water
</div>
<div>
<label class="one-line">Pie</label>
<input type="checkbox" value="checkbox 1"/>Banana Langka Pie
<input type="checkbox" value="checkbox 2"/>Peach Mango Pie
</div>
<div>
<label class="one-line">Special order notes?</label>
<textarea class="form-control"></textarea>
</div>
<input type="submit" id="submit" class="form-control"/>
</form>
</div>
</body>
类似资料：
-
我想实现这样的布局： 在XML中，我将在具有match_parent属性的相对布局中添加一个图像，然后添加一个将黑色半透明背景设置为match_parent的视图，然后添加内容。 在compose中，我把它变成了可以合成的： 但问题是alpha应用于表面及其内容。所以不管我放什么内容，即使是另一个有背景的表面，也会是半透明的。在这里，例如，底部的两个句子和两个组件也将是半透明的。
-
我在这里绘制贝塞尔曲线，但我计划将图片保存为无背景的透明格式。根据我下面的绘图，我想让背景像没有背景的PNG图形一样透明。我只需要显示曲线和轴。我试着将其保存为PNG，但没有成功。可能吗？需要帮忙吗？
-
通过使用启用透明背景功能，可以使用自定义图片作为背景。 controller.setTransparentBackground( true );
-
问题内容： 使JTable背景透明不是那么容易。我只想查看单元格的文本内容。 问题答案： 如果表本身或单元格都不透明，则该表将是透明的： 如果表格位于中，则也将使其透明： 至少，您可以删除网格线： 一个简单的结果是一件很大的工作…
-
我遇到了让情节本身透明的方法，但是我如何让背景透明呢？没有Qt有办法做到这一点吗？我希望情节在背景窗口上，例如，假设我正在运行Chrome，我希望情节在chrome窗口上，其内容可见。
-
问题内容： 我有一个DIV，我想放置一个图案作为背景。此图案是灰色的。为了使它更好一点，我想在上面放一个透明的颜色“层”。以下是我尝试过的方法，但是没有用。有没有办法将彩色图层放在背景图像上？ 这是我的CSS： 问题答案： 这里是： 对此的HTML： 当然，如果其中没有其他元素，则需要为该类定义宽度和高度