使跨度浮动在浮动 div 之上

Question

在aspx网站中有如下构造

<span>TEST OVERLAY</span>
<div class="catalogItemOuter 5225" style="float: left; height: 247px; visibility: visible;">

我无法编辑页面。我也无法编辑 div，当我调用创建 div 的控件的控件集合时，出现以下错误

 The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).

有没有办法让 span 的内容浮在 div 的内容之上。 css 或其他添加控件的方法？

Answer 1

是的，你必须在 span 和 div 上使用绝对定位，对于 span 使用更大的 z-index 属性。

类似的东西：

body {
      position: relative;
    }
    
    span { 
      display: block;
      position: absolute;
      width : 100px;
      height: 100px;
      z-index: 2;
      background: blue;
      text-align: center;
    }
    
    div {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 1;
      background: red;
      text-align: center;
    }

<body>
<span>TEST OVERLAY</span>
<div class="catalogItemOuter 5225" style="float: left; height: 247px; visibility: visible;">
DIV CONTENTS
  </div>
</body>

使跨度浮动在浮动 div 之上

Make a span float over floating div

css

asp.net

controls