文章/答案/技术大牛

发布

社区首页 >问答首页 >在CSS中PNG图像放在图像顶部有问题吗？

问在CSS中PNG图像放在图像顶部有问题吗？
EN

Stack Overflow用户

提问于 2009-04-03 09:36:02

回答 2查看 548关注 0票数 0

我使用的是一个jQuery内容旋转器，我想把一个PNG图像放在图像和文本的顶部。

这是我的旋转器在HTML中的样子：

      <div id="testimonials">
    <div class="slides">

    <div class = "testimonialContainer">
    <div class ="leesmeer"> <a href ="http://site/link"><img src ="http://site/afbeeldingen/test.jpg" ><div class="caption">LORUM IPSUM DOLOR SIT AMET </div></a></div>
    </div>

    <div class = "testimonialContainer">
    <p class = "testimonial"> 2 </p>
    <div class ="leesmeer"> <a href ="http://site/link"><img src ="http://site/afbeeldingen/test.jpg" ></a></div>
    </div>

</div>
</div>

下面是CSS：

.testimonialContainer {height: 123px}

    #testimonials{
    width: 210px;
    height: 125px;
    }

    .slides div{
    width: 210px;
    xheight:  25px;
    xpadding: 5px;

    .slides div.caption{
        background-image: url(../images/h_contentrotator_zwart.png);
        /*background-color:#000000;
        filter:alpha(opacity=60);
        -moz-opacity: 0.6;
        opacity: 0.6;*/
        color: #fff;
        width: 210px;
        height: 41px;
        position: relative;
        top: -24px;
        padding: 2px 20px 2px 10px;
        zbehavior: url("iepngfix.htc")
    }

问题是PNG图像没有出现，文本也没有出现。

有人能帮帮我吗？

png

javascript

html

css

image

回答 2

Stack Overflow用户

发布于 2009-04-03 09:40:02

您需要添加一个点(.)最后的选择器：

.slides div.caption{

现在它不在那里，但应该在那里。

如果在添加一个点之后问题还没有解决，那么就更具体一些。变化

.slides div.caption

要这样做：

#testimonials a div.caption

并从行为中删除Z。

即使它不能解决，然后给我一个jQuery脚本主页的链接。

票数 1

Stack Overflow用户

发布于 2009-04-03 14:18:00

确保到背景图像的路径是正确的。如果样式在超文本标记语言页面的<head>中，则路径将相对于超文本标记语言页面。如果样式在外部样式表中，则路径将相对于样式表的文件位置。

您可能还希望先在没有Internet Explorer6 PNG修复的情况下使其正常工作，然后在知道其余代码正确后再添加修复。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/713232

复制

相似问题

问在CSS中PNG图像放在图像顶部有问题吗？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在CSS中PNG图像放在图像顶部有问题吗？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在CSS中PNG图像放在图像顶部有问题吗？
EN