Drodown菜单z-index

时间:2016-09-20 14:27:01

标签: html css z-index

我正在处理这个website,正如您所看到的,通过点击桌子上方的蓝色按钮,会出现一个下拉菜单。

您还可以看到下拉菜单显示在表格if(substr($name, 0, 8 ) == "product_"){ $length = strlen($name) - 8; $item_id = substr($name, 8 , $length); ... 后面。我该如何解决?

我想将下拉菜单放在表格上。

感谢您的建议。

HTML:

thead

2 个答案:

答案 0 :(得分:0)

从班级.dslc-module-front中移除z-index:

.dslc-module-front {
    position: relative;
    /* z-index: 0; */
}

<强>更新

正如Goose所提到的,只是从公共类中删除z-index会导致其他问题,这就是为什么你应该为包含下拉列表的元素添加额外的深度信息。

div#dslc-module-54 {
  z-index: 50;
}

答案 1 :(得分:0)

我发现答案在表格中排在最前面,而不是试图向下推动下拉列表。我看到了这段代码。

import UIKit
import AVFoundation

extension AVAsset {


    var g_size: CGSize {
        return tracks(withMediaType: AVMediaTypeVideo).first?.naturalSize ?? .zero
    }


    var g_orientation: UIInterfaceOrientation {

        guard let transform = tracks(withMediaType: AVMediaTypeVideo).first?.preferredTransform else {
            return .portrait
        }

        switch (transform.tx, transform.ty) {
        case (0, 0):
            return .landscapeRight
        case (g_size.width, g_size.height):
            return .landscapeLeft
        case (0, g_size.width):
            return .portraitUpsideDown
        default:
            return .portrait
        }
    }
}

您可以注释掉z-index来解决问题,但是这个类也用于其他地方,例如徽标。

.dslc-module-front { position: relative; z-index: 0; } 元素删除此类应该可以解决问题。

您还应检查可能导致的任何意外问题。