2016-03-01 149 views
-1

我想知道,如果那里有一些技巧,我可以做到把背景颜色在一个div里面的其他元素。覆盖彩色

基本上我要完成的是一个拖放,当有人拖动一些文件到网页一些颜色将覆盖其他附件与消息“拖放到这里你的文件”为例效果。

我已经创建了绝对位置,其中显示拖放隐藏在下降一个隐藏的股利。但是,这并不适合我,因为droparea不是固定​​在页面上的位置。有谁知道我该如何完成这项任务。任何想法都会有所帮助。我tryied

编辑

其他的解决办法是把与悬停,但预计它不覆盖的附件。

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'); 
    }); 
} 

青菜

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

提供了一些你已经试过的代码 –

+0

更新了问题。所以我只想要其他想法。 – Wellyngton

+1

你可能想看看伪元素。例如'el:hover:after'并使伪元素覆盖元素本身。 –

回答

0

而不是使用不透明度和十六进制颜色的,请尝试使用RGBA,例如:

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

您也可以玩弄::

https://jsfiddle.net/ys4q5a41/