Jquery 父div背景之前的css div图像
是否可以在div背景之前进行图像显示? 这是我的代码:Jquery 父div背景之前的css div图像,jquery,html,css,Jquery,Html,Css,是否可以在div背景之前进行图像显示? 这是我的代码: <li class="contest55"> <div class="view-image-fid"></div> </li> 我需要的背景下立即开始div视图图像fid,宽度为250px 如何做的提示或想法?您可以修改CSS,如下所示: .contest55 { background-image: url('images/image.png'); backg
<li class="contest55">
<div class="view-image-fid"></div>
</li>
我需要的背景下立即开始div视图图像fid,宽度为250px
如何做的提示或想法?您可以修改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;
}
必须调整高度和宽度,使其“跨越”背景图像的长度。您可以根据图像的大小更改这些值
您可以在这里查看:
我在小提琴中添加了边框,以使边界清晰可见。你可以移除它们以获得你想要的效果
希望这有帮助
通过使用:after伪选择器,背景图像将在图像之后开始
li {
list-style: none;
}
.view-image-fid img {
width: 250px;
height: auto;
}
.view-image-fid:after {
content:'';
background-image: url('http://snag.gy/l4EaW.jpg');
background-size: auto 185px;
background-repeat:no-repeat;
width: 250px;
height: 185px;
display:block;
}
使用jquery解决
<script>
$( document ).ready(function()
{
$(".views-image-fid").each(function()
{
if ($(this).find(".views-image-fid").length == 1)
{
$(this).parent().css("background-position","0 190px");
}
});
});
</script>
$(文档).ready(函数()
{
$(“.views图像fid”)。每个(函数()
{
if($(this).find(“.views图像fid”).length==1)
{
$(this.parent().css(“背景位置”,“0 190px”);
}
});
});
您有什么样式?您的意思是希望背景图像显示出来吗?如果是这样,则将背景色:透明
应用于。查看图像fid
您可以尝试使用背景位置
,但它可能需要我们了解大小(绝对或相对)您的div的
。该div仅显示具有宽度的图像250px@carl1304IT高度在这里很重要,而宽度则无关紧要。
<script>
$( document ).ready(function()
{
$(".views-image-fid").each(function()
{
if ($(this).find(".views-image-fid").length == 1)
{
$(this).parent().css("background-position","0 190px");
}
});
});
</script>