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上使用绝对定位，跨度的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>

使span浮动浮动div

1 个答案: