CSS:后代元素的 visibility:visible 在祖先元素的 visibility:hidden 下依旧可见

今天在做网页的幻灯片时发现一个问题,就是在父元素设置隐藏时,也即 visibility:hidden,如果它下面的子元素设置了 visibility:visible,那么子元素依旧是可见的。

这点跟 display:none 之类的是不同的。而规范也确实是这么说的:

hidden: The generated box is invisible (fully transparent, nothing is drawn), but still affects layout. Furthermore, descendants of the element will be visible if they have 'visibility: visible'.

CSS 2.1

特此记录。

分类:web标签:

CSS 绘制三角形原理演示(动画)V2 版

之前也曾写了一个类似的演示,因为一开始弄 impress.js,一些特性还不熟悉,做得相对较差了些,现在依旧可以访问:

CSS 绘制三角形原理演示(动画)(旧版)(不推荐)
现在重新做了些修改,V2 版本参见:
CSS 绘制三角形原理演示(动画)V2 版
主要的一些改进如下:
  • 增加了子步骤,一页中内容过多时可以逐步呈现。
  • 增加了代码的高亮。(使用了 prism.js)
  • 增强的 impress.js,增加了导航按钮,下拉选择列表,进度条以及自动播放等特性。
  • 重新规划了页面的整体布局,在结尾增加了预览页。
  • 增加了部分动画演示,调整了部分语句及顺序等。
  • 支持在手机端阅读(不过导航效果等还不太好,仍不推荐在手机端阅读)。
如果你有什么改进意见,欢迎留言!

Javascript 实现匿名递归

介绍了在 javascript 中利用 arguments.callee 来实现匿名递归的方式。

递归是一种常见的编程技巧,实名递归相信大家都不陌生,但如果想要实现匿名递归呢?比如想要返回一个匿名递归函数,又或者是定义一个匿名递归函数并直接调用它,该怎样去做呢?本文将来探讨一下它的实现。

实名递归

我们还是先从实名递归说起吧,还是用那个最简单的求阶乘的例子:

继续阅读

Web 开发的几本必读之书推荐

Web 开发的几本必读之书推荐,O'Relly 的动物书权威指南系列。

对于 web 开发,之前推荐了 W3schools——一个学习 HTML,CSS 和 Javascript 的好网站这个网站。对于初步了解,这已经够了,但想进一步了解,那就要通过书籍了。

总体而言,IT 技术书籍方面,O’Relly 出版社的《XXX 权威指南》系列是不错的。对于 web 方面,我觉得以下几本书值得一看。(单击图片链接查看具体详情)

继续阅读