Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用CSS背景图像作为边框失败_Css_Html_Background_Border - Fatal编程技术网

使用CSS背景图像作为边框失败

使用CSS背景图像作为边框失败,css,html,background,border,Css,Html,Background,Border,我试图把一个图像放在一个花哨的边框里,这样边框就会覆盖在图像上。我已经让它几乎工作,我希望有人能给我最后一点,我需要的。在下面的示例中,如果我将背景从主div容器中移除,则图像帧效果非常好。对于背景,图像是不可见的,可能隐藏在白色容器背景后面。下面是一个用于测试的dabblat: div{ 背景:#fff; } a{ 宽度:287px; 高度:142px; 显示:块; 位置:相对位置; 背景:url(http://divisioncamera.erentalpro.com/web/list.p

我试图把一个图像放在一个花哨的边框里,这样边框就会覆盖在图像上。我已经让它几乎工作,我希望有人能给我最后一点,我需要的。在下面的示例中,如果我将背景从主div容器中移除,则图像帧效果非常好。对于背景,图像是不可见的,可能隐藏在白色容器背景后面。下面是一个用于测试的dabblat:


div{
背景:#fff;
}
a{
宽度:287px;
高度:142px;
显示:块;
位置:相对位置;
背景:url(http://divisioncamera.erentalpro.com/web/list.png)不重复;
}
img{
位置:绝对位置;
最大高度:287px;
最大宽度:142px;
排名:0;
底部:0;
右:0;
左:0;
保证金:自动;
z指数:-1;
}

添加到
div

position: relative;
z-index: 1;

天才!我知道这会很简单,但我永远都抓不住。谢谢
position: relative;
z-index: 1;