如何使填充不透明？

Question

我想让填充变为不透明，但是不透明度没有生效。

body {
background-image:url(http://i.imgur.com/apKZRmj.png);
font-family:Helvetica;
color:lightgrey;
font-size: 16px;
align:center;
padding: 20px 0;
}

为什么这不起作用？

- kookman98

---

背景将会在内边距下面，这就是它的工作原理。否则你需要一个外边距。顺便说一句 - align:center 不正确... - davidpauljunior

我同意@davidpauljunior的观点，你想在align:center中做什么？是尝试将文本居中吗？还是其他什么？ - Joe Marie

Answer 1

根据 W3 schools，内边距会在元素内容区域（边框内部）周围清除一定面积。内边距的颜色受元素背景色的影响。

所以基本上它没有颜色属性来使其不透明或添加一些透明度，我认为你需要使用 'border'。 例如：

border: 20px solid #000;

JSfiddle：{{link1：http://jsfiddle.net/bJ2CF/2/}}

- Joe Marie

---

我有边框，但我想要它像填充一样围绕整个东西。 - kookman98

你所说的“around the entire object”是什么意思？你是指整个网页吗？ - Joe Marie

抱歉，这是为了 Tumblr 帖子。我的意思是让整个边框填满。 - kookman98

你的意思是像这样吗？[http://jsfiddle.net/bJ2CF/2/] - Joe Marie

它会像填充一样，只是在特定区域周围，但不是边框，而是一个黑色正方形。就像这个 http://jsfiddle.net/bJ2CF/5/，但我无法使用 div 实现，我需要在 <style> 部分中实现。 - kookman98

抱歉，我觉得我可能误解了你的意思，你是说你需要在<style></style>标签内使用CSS样式吗？就像这样：http://jsfiddle.net/bJ2CF/6/。 - Joe Marie

Answer 2

使用背景颜色，填充清除内容周围的区域

- Sebin Simon