jquery - 父 div 背景之前的 css div 图像

Question

是否可以在 div 背景之前显示图像？ 这是我的代码:

<li class="contest55">
    <div class="view-image-fid"></div>
</li>

在我的 CSS 中我有:

#latest_ideas .contest55{
    background-image: url('images/image.png');
    background-size: Auto 185px;
    background-repeat:no-repeat;
    }

我需要在宽度为 250px 的 div view-image-fid 下立即开始背景

关于如何做的提示或想法？

Answer 1

您可以这样修改您的 CSS:

.contest55 {
    background-image: url('images/image.png');    
    background-repeat:no-repeat;
    background-color: Orange;
    height:600px;
    width:300px;;
    display:inline-block;
    border:1px solid Black;
    }

必须调整高度和宽度，以便它们“跨越”背景图像的长度。您可以根据图像的大小更改这些值。

您可以在这里查看:http://jsfiddle.net/s25sm/1/

我在 fiddle 中添加了边框，使边界清晰可见。您可以删除它们以获得您正在寻找的效果!!!

希望这有帮助!!!