我做了我的研究，但仍然无法将文字放在我的图像上方：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*/
}

Answer 2

将文字和图片保存在不同的DIV中。

<div class="info" id="aboutus">
    <h3>About Us</h3>
    </div>
        <img src="http://i.imgur.com/l5lTl.png">
        <p>text</p>