Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.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

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
Html 如何获得<;部门>;元素正好落在另一个元素下<;部门>;要素_Html_Css_Image - Fatal编程技术网

Html 如何获得<;部门>;元素正好落在另一个元素下<;部门>;要素

Html 如何获得<;部门>;元素正好落在另一个元素下<;部门>;要素,html,css,image,Html,Css,Image,我试图让DIV滚动标记中的图像落后于我的固定标题DIV,我尝试使用z-index:-4000!重要的;换言之,将其完全反转到标题上,这似乎不起作用(我也尝试过z索引,但仍然不起作用)。我真的很感谢你的帮助,我想我的方法可能不正确 CSS below for the two divs. /* Header Div */ .fixed-header { position: fixed; z-index: 4000; padding: 10px 0 10px;

我试图让DIV滚动标记中的图像落后于我的固定标题DIV,我尝试使用z-index:-4000!重要的;换言之,将其完全反转到标题上,这似乎不起作用(我也尝试过z索引,但仍然不起作用)。我真的很感谢你的帮助,我想我的方法可能不正确

CSS below for the two divs.

 /* Header Div */
 .fixed-header {
    position: fixed;
    z-index: 4000;
    padding: 10px 0 10px;   
    display: block;
    width: 100%;
    height: 125px;
    background: #fff;
    box-shadow: 0 2px 1px #999;
    -webkit-box-shadow: 0 2px 1px #999;
    -moz-box-shadow: 0 2px 1px #999;
    -ms-box-shadow: 0 2px 1px #999;
    -o-box-shadow: 0 2px 1px #999;

}
/* Element to go behind the fixed header */
.scroll-marker img { 
                display: block;
                margin: 0 auto;
                clear: both;
                z-index: -4000!important;
                position: relative;
}


CSS for logo div.

#logo {
    margin: 0;
    float: right;
}
#logo p {
    font-size:11px;
    text-align: center;
    line-height: 1!important;
}
#logo p a {
     color: #868686;
 }
 #logo p a:hover {
     color: #A4C940;
 }
 #logo img {
     margin: 0 auto;
}

#logo_info {
    margin: 10px;
 }
 #logo_info p {
    font-size:11px;
    text-align: center;
    line-height: 1!important;
}
#logo_info p a {
    color: #868686;
 }
#logo_info p a:hover {
    color: #A4C940;
}

HTML for the header Region

<!DOCTYPE html> 
<html lang="en">
<head>
</head>
<body> 
<!-- preloader-->
<div class="whitebg">
<div id="spinner"></div>
</div>
<header class="fixed-header">

<div class="centered-wrapper">

<div id="logo"><a href="index.html"><img src="images/value_images/VPM_global3.png"></a>
</div>

<div class="scroll-marker"><img src="images/value_images/scroll-marker.png"></div>

</div><!-- End Centered Wrapper -->

</header>
<section>
Another Section..............
</section>
</body> 
</html>
以下是两个div的
CSS。
/*标题Div*/
.固定收割台{
位置:固定;
z指数:4000;
填充:10px 0 10px;
显示:块;
宽度:100%;
高度:125px;
背景:#fff;
盒影:0 2px 1px#999;
-网络工具包盒阴影:0 2px 1px#999;
-moz盒阴影:0 2px 1px#999;
-ms盒阴影:0 2px 1px#999;
-o形盒阴影:0 2px 1px#999;
}
/*元素位于固定标头后面*/
.滚动标记img{
显示:块;
保证金:0自动;
明确:两者皆有;
z指数:-4000!重要;
位置:相对位置;
}
用于logo div的CSS。
#标志{
保证金:0;
浮动:对;
}
#标志p{
字体大小:11px;
文本对齐:居中;
线高:1!重要;
}
#标志p a{
颜色:#868686;
}
#标志p a:悬停{
颜色:#A4C940;
}
#标志img{
保证金:0自动;
}
#商标信息{
利润率:10px;
}
#标识信息{
字体大小:11px;
文本对齐:居中;
线高:1!重要;
}
#商标信息{
颜色:#868686;
}
#logo_info p a:悬停{
颜色:#A4C940;
}
标题区域的HTML
另一部分。。。。。。。。。。。。。。

无法将元素放在其内部的东西后面(这非常像试图同时将一块板放在盒子内部和下方)。您必须将image元素移到header元素之外。

您是否可以提供一个jsiddle,因为目前,很难想象您想要实现什么?刚刚测试过,似乎很有效:jsiddle emmanuel提供的jsiddle emmanuel正好显示了所需内容,他使用了我的css,它可以工作,我不明白为什么它在我的文档中不起作用。请提供您的HTML。我感觉你正在处理一个定位问题,你的元素在页面上的定位问题。我已经为标题区域添加了HTML,因为我无法解决这个问题。