realazy


小巧三条

这两条是关于IE环境中的CSS的。

  1. 不要使用import引入CSS,可以避免内容的无样式瞬间(FOUC)问题。
  2. 不要把样式的link放到页面后(</body>之前),以防止页面6-10秒的空白。

这条是关于Firefox的。

在Firefox里,嵌入flash影片的HTML代码存在wmode特性时,在某些position:relative的元素内,会产生不可点击的现象(很遗憾,我总结不出具体条件,只知道必备条件是这个)。解决方法,只能依赖于JavaScript。思路是,暂时改变的了的元素的positionstatic, 然后恢复。JavaScript代码大致如下:

function fixSWFUnclickable(wrapper){
		wrapper.style.position = 'static';
		setTimeout(function(){wrapper.style.position = 'relative';}, 1);
}

以上。

12 Responses to “小巧三条”

  1. sike Says:

    flash 的问题在不同情况有碰到过,有时还导致 firefox 地址栏用不了,不知道是不是同一个问题引起的。

  2. 北极冰仔 Says:

    学到了, 谢谢.

  3. 沈蚊 Says:

    很久没更新了啊。。。(虽然偶比你还久。。。)

    楼上爬的很快啊,,,看样子关注点有重合呢~~

  4. cc Says:

    学习了

  5. Byron Says:

    不使用import方式引用css,对于大项目很难组织重用css啊。可有良策?

  6. om19 Says:

    至少有两种方法嘛。
    realazy大哥的文章里的link中那篇文章有提到的。

  7. awflasher Says:

    很多Flash都导致Firefox有问题,尤其是那些个人页面改来改去的。

  8. wondger Says:

    恩,都遇到过~···基本上是我妥协了~···

  9. hax Says:

    关于FOUC,原文中已经有方法了嘛,而且很简单哦。
    Just one LINK element or SCRIPT element inside a document’s HEAD element will prevent a flash of unstyled content.

    所以基本上99%的页面无意之中都对FOUC免疫。(怪不得我在开发中从来没有遇到过,因为我总是会写script。。。)

  10. 疯狂的神 Says:

    汗……………
    米明白楼猪的意思…………

  11. muqiao Says:

    wordpress排版很不错啊
    特别对我这种近视提供了便利

  12. thewander Says:

    符合web标准的flash调用方法,解决了浏览器对flash的影响
    http://hi.baidu.com/shjason/blog/item/d5439c511a76242443a75beb.html

    我一直在用这个方法解决无法点击FLASH的问题。

Leave a Reply


realazy (懒到死) is proudly powered by WordPress | Entries (RSS) and Comments (RSS)