Css 如何将文本放置在容器内相对宽度为80%的图像顶部

我想将文本放置在容器内图像的顶部，宽度为80%
conainer.width 80%-下面的代码不工作
conainer.width 100%-工作下方代码

科纳纳先生{
保证金：自动；
宽度：80%；/*将其更改为100%代码即可*/
边框：薄实线#000；
}
h2{
位置：绝对位置；
顶部：200px；
左：0；
宽度：100%；
}
.image{
位置：相对位置；
宽度：100%；/*适用于IE 6*/
}
这里有一些文本

您应该只设置div的背景，而不是试图将h2放在img标签的顶部，这对我很有用。还有其他代码吗？

我认为最有效和兼容的代码方法是使用CSS将您的横幅图像定义为div.image的背景图像。

将您的

h2

样式替换为

h2 { 
   position: fixed;//yours is on top of image but absolutely positioned, so not visible
   top: 200px; 
   left: 0;  //Specify where you want to put your image with top and left properly now.
   width: 100%; 
}

---

好的！我发现问题是更改top 200=>top 0

h2 { 
   position: absolute; 
   top: 0px; 
   left: 0; 
   width: 100%; 

它起作用了

h2 { 
   position: absolute; 
   top: 0px; 
   left: 0; 
   width: 100%;