Question

我想知道是否有一些技巧可以将背景颜色放在div中的其他元素上。

基本上我想要实现的是一种拖放效果，当有人将某些文件拖入网页时，某些颜色会覆盖其他附件，例如“将文件放在此处”。

我创建了一个隐藏的div，其绝对位置显示在拖动和隐藏在drop上。然而，这并不适合我，因为droparea不是页面上的固定位置。有谁知道如何完成这项任务。任何想法都会有所帮助。

修改

我尝试过的其他解决方案是悬停，但不会按预期覆盖附件。

function ondragAttchment() {
  $( '.lm-compose-maincontainer' ).on( 'dragover', function(){
    $( '#attachment-list' ).addClass( 'lm-compose-ondragover' );
  });
}

function ondropAttchment() {
  $( '#attachment-list' ).on( 'drop', function(){
    $( this ).removeClass( 'lm-compose-ondragover' );
  });
}

SASS

.lm-compose-ondragover
  background-color: #ccc
  opacity: 0.9
  border: 2px dashed #fff

Answer 1

尝试使用RGBA，例如：

，而不是使用不透明度和十六进制颜色

rgba(204, 204, 204, 0.5); /* #CCC with 0.5 alpha */

您还可以使用:: before

https://jsfiddle.net/ys4q5a41/

用颜色叠加

1 个答案: