我正在尝试在CSS中实现一个将在主体上具有平铺背景的设计.我想在内容背景中使用png图像作为身体背景上的椭圆形不透明蒙版.侧栏(以及带有剪裁溢出的支撑页脚)将具有部分不透明的黑色背景,该背景将匹配.png蒙版的边缘.
目的是使固定的维度中心区域具有复杂的背景图案,该图案将填充任何大小的浏览器窗口.
我想不出我会怎么做.margin:auto看起来似乎不足以满足我的背景要求,我认为我不会在侧栏上添加大型固定道具而不会失去我的中心位置.
根据你的意思,screenshot你可以像这样写:
body{
background: url(image.jpg) repeat center center;
}
.container{
width:500px;
margin:0 auto;
}
更新:
解决方案根据您的问题 Three column layout: fixed width center with fluid side columns
但它在现代浏览器中有效
更新
它适用于所有浏览器
| 归档时间： |
|
| 查看次数： |
4813 次 |
| 最近记录： |