Question

在下面的插件中，我创建了一个div元素，用作拖动hint。它最初是hidden，然后在剑道树视图的visible事件中成为drag。 drag hint plunk

在插件http://plnkr.co/edit/55MdA3NajWtNYUIYNXGr?p=preview中，您只需展开一个树视图节点，然后开始向下拖动到下面的Kendo网格。

我的问题是：如果外部div仍有opacity: .3，我怎么能让“DROP RISK MEASURE HERE”文本有点暗？我真的不想在这之外创建另一个div只是为了让文本更大胆。

谢谢，

鲍勃

EX /

.drop-zone {
        color:crimson;
        visibility: hidden;
        border: 2px dashed;
        background-color: seashell;
        height: 200px;
        width: 720px;
        top: 400px;
        position: absolute;
        opacity: .3;
        z-index:10;
    }
    .drop-text {
        font-size: 16px;
        font-weight:bold;
        color: crimson;
        text-align:center;
        opacity: 1;
    }

<div id="dropAreaDimen" class="drop-zone">
  <div class="drop-text">DROP RISK MEASURE HERE..</div>
</div>

Answer 1

这将淡出背景并使文本保持其精确的不透明度值。

首先删除

行

background-color: seashell;

来自.drop-zone班级的风格

然后添加此行

background-color:rgba(245,255,238,0.3);

使用div创建拖动提示

1 个答案: