Web 技术研究所

我一直坚信着,Web 将会成为未来应用程序的主流

Firefox特性 -moz-element

  Firefox上支持使用任意元素作为CSS中的背景,提供Firefox私有的-moz-element,通过传入元素ID即可在background属性上使用。虽然这个特性仅Firefox支持,在实际项目中还无法使用,但我觉得这个特性很神奇,也许可以用它让一些封装更稳定。
  它的使用方式基本上和普通的图片没差别,甚至可以平铺
<!--Firefox Only-->
<div style="height:408px;background:-moz-element(#bg);"></div>
<div style="overflow:hidden;height:0px;">
  <span id="bg">锟斤拷</span>
</div>

  而且,当作为背景的元素变化时也会实时同步到使用的元素上。 <!--Firefox Only-->
<div style="height:220px;background:-moz-element(#bg);"></div>
<div style="overflow:hidden;height:0px;">
  <span id="bg">0</span>
</div>
<script>
var text=bg.childNodes[0];
setInterval(function(){
  text.data++;
},16);
</script>
  这些性质可以用于HTML结构的封装中,类似ShadowDOM的作用。不用再为每一个class对应一套HTML结构,解决CSS结构和HTML结构不同步的问题。但比起ShadowDOM它简直弱爆。但反过来比较,ShadowDOM的操作太繁琐了,还需要SCRIPT的参与,有些简单的问题也许可以使用这个特性轻易解决,不需要劳烦ShadowDOM。
网名:
54.144.24.*
电子邮箱:
仅用于接收通知
提交 悄悄的告诉你,Ctrl+Enter 可以提交哦
神奇海螺
[查看全部主题]
各类Web技术问题讨论区
发起新主题
本模块采用即时聊天邮件通知的模式
让钛合金F5成为历史吧!
次碳酸钴的技术博客,文章原创,转载请保留原文链接 ^_^