Html CSS右栏垂直堆叠不显示
CSS右侧列内容,图像垂直堆叠。CSS不显示右侧列Html CSS右栏垂直堆叠不显示,html,css,Html,Css,CSS右侧列内容,图像垂直堆叠。CSS不显示右侧列 #stack { float:right; clear:right; #rightcolumnTop { background-image: "../../images/project-header.jpg" margin-top: 0px; width: 600px; margin-left: -600px; float: left; z-index:1; } #right
#stack {
float:right;
clear:right;
#rightcolumnTop {
background-image: "../../images/project-header.jpg"
margin-top: 0px;
width: 600px;
margin-left: -600px;
float: left;
z-index:1;
}
#rightcolumnMiddle {
background-image: "../../images/wines-header.jpg"
position:absolute;
width: 600px;
margin-left: -600px;
float: left;
z-index:2;
}
jshiddle链接:将颜色更改为较深的颜色,您就有了#fff
正文{
字体系列:Verdana、Arial、Helvetica、无衬线;
字体大小:13px;
颜色:#333无法理解问题?你在寻求什么?以清晰的方式澄清问题没有问题(:确保回答正确@CTOManagernow my image填充整个页面。我需要将图像约束到#rightcolumnTop标记;和#rightcolumntmiddle;和#rightcolumntbottom标记我会检查出来背景图像不是从CSS显示的,这是附加图像在浮动中显示的最佳/最差位置吗?#rightcolumnTop{背景图像:../images/project header.jpg“页边距顶部:0px;宽度:600px;页边距左侧:-600px;浮点:左侧;z索引:1;}#rightcolumntmiddle{背景图像:../images/wines header.jpg”位置:绝对;宽度:600px;页边距左侧:-600px;浮点:左侧;z索引:2;}取决于您的img存储的位置。Jsfiddle可能不是使用背景图像的最佳方式:“您的路径”
您应该使用背景图像:url(“您喜欢的任何内容”)
。但我不确定您想如何显示图像?
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color:#333 <----