如何利用CSS+DIV实现背景为一条线，前景为图片效果？
就是一个DIV里面，放一张可以点击的图片，但是div要有背景，背景是一根横线。比如：一根尺子，上面放本书，尺子有被覆盖有可以看见。书就是图片，尺子就是横线...
就是一个DIV里面，放一张可以点击的图片，但是div要有背景，背景是一根横线。比如：一根尺子，上面放本书，尺子有被覆盖有可以看见。书就是图片，尺子就是横线
展开
1个回答
展开全部
刚手写的，希望是你要的效果；可以兼容不同浏览器的水平和垂直居中
<body style="margin:0; padding:0;">
<div style="height:1px; background-color:#000; position:absolute; top:50%; left:0px; width:100%;"></div>
<div style=" background-color:#000; position:absolute; top:50%; left:50%; width:200px; height:100px; margin:-50px 0 0 -100px; background-color:#00FFCC;">插入图片</div>
</body>
如果你要做的是一个页面的某一部分的话，那就调整top的值，设为固定值就行了
<body style="margin:0; padding:0;">
<div style="height:1px; background-color:#000; position:absolute; top:50%; left:0px; width:100%;"></div>
<div style=" background-color:#000; position:absolute; top:50%; left:50%; width:200px; height:100px; margin:-50px 0 0 -100px; background-color:#00FFCC;">插入图片</div>
</body>
如果你要做的是一个页面的某一部分的话，那就调整top的值，设为固定值就行了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
