停止重叠第三格

-1

即时通讯新的CSS，我做了下面写代码：停止重叠第三格

.topcenter { 
 

 
\t margin-right: auto; 
 
\t margin-left: auto; 
 
\t position: relative; 
 
} 
 
.back { 
 
\t width: 100%; 
 
\t height: auto; 
 
\t position: absolute; 
 
\t 
 
} 
 
.green { 
 
\t background-color: #9AC149; 
 
\t }

<div class="back"><img src="https://www.smashingmagazine.com/wp-content/uploads/2015/06/10-dithering-opt.jpg" width="500" height="200" alt=""/></div> 
 
    <div class="topcenter"><a href="register.html" target="_self"><img src="http://pngimg.com/uploads/buttons/buttons_PNG44.png?i=1" alt="" width="10%" title="register"/></a></div> 
 
    <div class="green"> 
 
    <div class="row row1"> 
 
     <div class="col-md-6"> 
 
     <div><p> 
 
     i dont want it be overlap 
 
     </p> 
 
      <button type="button" class="btn btn-default">Content for New Div Tag Goes Here</button> 
 
     </div> 
 
     </div> 
 
     <div class="col-md-6"> 
 
     <div><img src="images/book.png" width="413" height="461" alt=""/></div> 
 
     </div> 
 
    </div> 
 
    </div>

问题是ROW1重叠的第一形象，但我只想要注册按钮重叠的图像，我也尝试“明确：两者;”在第1行CSS但没有发生。我该怎么办？

来源

2017-08-03 user3636770

我没有得到你的问题可以分享两个屏幕快照什么是概率？和你通过什么？ –

因为所有的图像都被破坏，所以很难分辨代码在做什么。你能插入一些有效的图片网址吗？然后我们可以看到你描述的问题。 –

我复制你的代码我不明白你想要什么？告诉我你想要其他什么来画你的要求。我将解决 –

如果我正确理解你的问题是使用position：absolute。简单来说，如果您在页面的一部分上使用该部分，而该部分不符合页面上的元素顺序。它不会发生。所以你可以给它其他类型的显示。

.back { 
    width: 100%; 
    height: auto; 
    position: relative; 
}

，如果你要放置按钮在你的形象，你应该添加position: absolute您.topcenter类。你可以用top,right,bottom,left来移动它。

你也可以试着用文件的顺序来解决它。

来源

2017-08-03 15:26:22

。谢谢 – user3636770

停止重叠第三格

回答

相关问题