是否可以通过CSS滤镜方法(如HueRotate,饱和度和亮度)进行更改,PNG的颜色是否为全白色?像Photoshop的颜色叠加效果,但在CSS中.
这将是一个很好的解决方案,可以避免创建大量只改变颜色的图像.例如,一组具有UI的深色和浅色版本的图标.
考虑到你有这种情况:
<div class="site-frame">
<div class="auxiliary"></div>
<div class="main" ui-view>
<div class="componentA">
</div>
<div class="componentB" move-to=".auxiliary" breakpoints="1,2,3,4">
<!-- CONTENTS OF componentB -->
</div>
<div class="componentC">
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
该元素.componentB有一个指令move-to,它只是移动这个元素的内容,用一个jQuery子通配符选择器(如var contents = $('.componentB').find('> *');)收集它们,当breakpoints指令定义的任何断点(这些数字是一个数组的索引,保持目前正在发生断点测量).
当该指令的某个断点处于活动状态时,DOM将更改为:
<div class="site-frame">
<div class="auxiliary">
<!-- CONTENTS OF componentB -->
</div>
<div class="main" ui-view>
<div class="componentA">
</div>
<div class="componentB" move-to=".auxiliary" breakpoints="1,2,3,4">
</div>
<div class="componentC">
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
这是一个响应机制,正在我正在处理的一个网站的静态版本中使用.我需要的是知道是否存在与范围继承,事件广播,状态控制器有关的缺陷,这与div.main它本身是兄弟姐妹相关div.auxiliary.
想知道角度是如何工作的,我想JS逻辑层保持在某个范围内引用的DOM元素之间的关系.主要是指令范围,使用link()函数,这些函数post-link()本质上是DOM操作更安全,因为链接已经完成.
请记住,我在监听范围事件时保留函数.componentB内容的引用,以清除内容,避免内存泄漏.此外,因为该系统侦听以找出哪个是当前断点,并且在导航期间,我的示例的内容可能在其原始容器和辅助容器之间移动.link() …
javascript jquery angularjs angularjs-scope angular-ui-router