有一些关于透明边框的问题,但不是我所寻找的。
可能很愚蠢,但是:是否有可能以某种方式在背景(黑色纹理)上拥有物品(那些白色正方形),使得每个物品都有一个边框,该边框“删除”10像素(或任何值)的背景?因此,您可以拥有连续的背景,并且位于其顶部的每个项目都会“切出”其中的一部分。
真正的“透明”边框(如其他问题)显然只会让您看到背景,因此这不是我的意思。
如果不行,那么实现这种响应式设计的方法是什么?
抱歉,我不知道其他解释方式。谢谢。
请参见示例/演示:jsfiddle.net/14nn2pLy
html, body {
margin: 0;
padding: 0;
height: 100%;
background: #fd1dfa;
}
#main_header {
position: fixed;
top: 0px;
width: 100%;
height: 200px;
background: url() no-repeat center top;
background-size: contain;
}
#main_footer {
position: fixed;
bottom: 0px;
width: 100%;
height: 200px;
background: url(https://preview.ibb.co/hACMzS/background_footer.png) no-repeat center bottom;
background-size: contain;
}
#icons {
position: fixed;
bottom: 0px;
width: 900px;
height: 75px;
background: url(https://preview.ibb.co/mkPODn/footer_items.png) no-repeat center bottom;
border: 10px;
border-color: rgba( 0, 0, 0, 0);
}
<div id="main_header"></div>
<div id="main_footer">
<div id="icons"></div>
</div>