html - 我做了我的研究，但仍然不能在我的图像 : NEW CODER 上方放置文本

Question

这是我的 CSS:

.info {
    color: black;
    padding: 100px 15%;
}

.info img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.4;
    filter:alpha (opacity=40); /* For IE8*/
}

.info p {  
    background: none repeat scroll 0 0 white;
    line-height: 1.5;
}

.info h3 {  
    font-size: 36px;  
    margin: 0;
}

这是我的 HTML:

<div class="info" id="aboutus">
    <h3>About Us</h3>
    <img src="image/pink.jpg">
    <p>text</p>
</div>

我试图在图像上方显示文本，并在文本上添加阴影，但我卡住了。

Answer 1

你是这个意思吗？

关于我们

文字

http://www.skrenta.com/images/stackoverflow.jpg

HTML

<div class="info" id="aboutus">
    <h3>About Us</h3>
    <p>text</p>
    <img src="image/pink.jpg" />
</div>

CSS

.info img {
    opacity: 0.4;
    filter:alpha (opacity=40); /* For IE8*/
}