javascript - CSS z-index 无法按预期使用 Angular 动画

标签 javascript css angularjs animation drag-and-drop

我正在尝试在我的应用程序中实现拖放,并希望使用添加元素时会消失的文本来标识拖放区。为了美观,我想在添加元素时使用 animate.css 的动画弹跳,并根据需要淡入淡出文本,但是我似乎无法安排它,因此背景文本不会干扰添加/删除元素的位置。

This plunk illustrates the issue

关于如何解决此类问题的任何想法?我找不到尊重 z-index 的方法。我唯一的想法是将文本设置为拖放区的背景图像,但感觉必须有更好的方法。

最佳答案

终于有人用 AngularJS 实现了拖放功能。 :)

你能把它放在github上并在完成后与我们分享吗?

要回答你的问题,在 position:relative 之外,在 position:absolute 之内。

.well {
  position: relative;
  min-height: 50px;
}
.background {
  position: absolute; 
  top: 0; 
  left: 10;
  margin-top: 15px;
}

我认为,要使其成为指令,某些 css 必须由指令强制执行。

http://plnkr.co/edit/OAJuNXxYs05W1QYN0VOU?p=preview

关于javascript - CSS z-index 无法按预期使用 Angular 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21705295/

相关文章:

javascript - 使用浏览器调整大小来缩放 KineticJS 阶段?

javascript - 为 highchart 面积图应用外边框

javascript - 使用 Angular UI Router 在 AngularJS 中具有历史记录的一页上的多个 View

javascript - 使用 jQuery AJAX GET 和 AngularJS 不更新 View

javascript - jQuery悬停功能显示覆盖但在悬停显示内容时关闭

java - 单击链接时需要禁用表

css - 如何使 LESS hat 库 mixin 全局可用

css - 如果顶点项为负,则将其设为红色

c# - 如何更改 asp.net 复选框/单选按钮 css 并正确运行 atserver

angularjs - AngularJS过滤器取反