透明框中的文本

This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box.

源代码是何等的：

<!DOCTYPE html>
<html>
<head>
<style>
div.background
{
  width: 400px;
  height: 266px;
  bac公斤round: url('/i/tulip_peach_blossom_w.jpg') no-repeat;
  border: 1px solid black;
}

div.transbox
{
  width: 338px;
  height: 204px;
  margin:30px;
  bac公斤round-color: #ffffff;
  border: 1px solid black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
}

div.transbox p
{
  margin: 30px 40px;
}
</style>
</head>

<body>

<div class="background">
<div class="transbox">
<p>
This is some text that is placed in the transparent box.
This is some text that is placed in the transparent box.
This is some text that is placed in the transparent box.
This is some text that is placed in the transparent box.
This is some text that is placed in the transparent box.
</p>
</div>
</div>

</body>
</html>

起首，我们建设一个 div 元素 (class="background")，它有固定的高度和宽度、靠山图象，以及边框。从此我们在第一个 div 内构建稍小的 div (class="transbox")。"transbox" div 有固定的宽度、靠山色和边框 - 并且它是透亮的。在透明 div 内部，我们在 p 元素中退出了一些文本。

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css3-style/c52903.shtml