<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<style type="text/css">
#div1 {
padding: 10px;
width: 380px;
height: 205px;
background: url(shuizhu.jpg);
}
#div2 {
color: #FFF;
font-size: 40px;
font-weight: bold;
text-align: center;
height: 205px;
line-height: 205px;
background: rgba(125,.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4B7D0000,endColorstr=#4B7D0000);
}
</style>
</head>
<body>
<div id="div1">
<div id="div2">
Hello world!
</div>
</div>
</body>
</html>
/*** 来自编程之家 jb51.cc （jb51.cc）***/下面附上示例中用到的图片：
原文链接：https://www.f2er.com/html/527545.html