自适应网页 》现在做一个网页,插入了一张图片,插入图片后,想在该图片上添加一些静态文字
0
悬赏园豆：50
[已关闭问题]
关闭于 2017-08-31 17:48
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title></title>
<style>
#article_one {
background-color: #b4e8ff;
}
#article_one #section_img {
background-color: #b4e8ff;
text-align: center;
position:relative;
}
#article_one #section_img img {
max-width: 100%;
}
#article_one #section_img #explain{
position:absolute;
top:40%;
left:40%;
height:100px;
width:100px;
text-align:center;
}
</style>
</head>
<body>
<article id="article_one">
<section id="section_img">
<img src="images/主题三_31.png" />
<section id="explain">
现在做一个自适应网页,插入了一张图片,插入图片后,想在该图片上添加一些静态文字,
</section>
</section>
</article>
</body>
</html>
ps:如何把#section中的文字放到img图片中，没用背景图片
ps2:希望窗口的大小发生改变，字体和图片也会
所有回答(2)
0
你这个加文字是准备在服务器端处理还是在客户端处理呢？说下具体需求
0
你是想一些文件悬浮在图片上呢，还是给图片打水印呢，现在好多人提问题需求都讲不清楚
把文件悬浮在图片上，谢谢
@CokeMilk: 你应该想要的是类似的效果
http://www.17sucai.com/pins/1922.html
