<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" >
.a{
background-image:url(../%E4%B8%AD%E5%9B%BD%E5%9C%B0%E5%9B%BE.jpg);
height:800px;//一定要设置高度,不然图片不能显示
background-position:center;
}
.a span{
display:none;
text-decoration:none;}
.a:hover span{
display:block;
position:absolute;
bottom:0;
left:0;
color:blue;}
</style>
<title>用CSS样式设置背景图片</title>
</head>
<body>
<div class="a">
<span> 中华人民共和国,简称中国,位于亚洲东部,太平洋西岸, 是工人阶级领导的、以工农联盟为基础的人民民主专政的社会主义国家。 </span>
</div>
</body>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" >
.a{
background-image:url(../%E4%B8%AD%E5%9B%BD%E5%9C%B0%E5%9B%BE.jpg);
height:800px;//一定要设置高度,不然图片不能显示
background-position:center;
}
.a span{
display:none;
text-decoration:none;}
.a:hover span{
display:block;
position:absolute;
bottom:0;
left:0;
color:blue;}
</style>
<title>用CSS样式设置背景图片</title>
</head>
<body>
<div class="a">
<span> 中华人民共和国,简称中国,位于亚洲东部,太平洋西岸, 是工人阶级领导的、以工农联盟为基础的人民民主专政的社会主义国家。 </span>
</div>
</body>
</html>
鼠标未移动到图片上时:
鼠标移动到图片上时: