欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

實(shí)現(xiàn)lightBox時(shí)的樣式與行為分離減少JS

 更新時(shí)間:2009年07月27日 22:04:09   作者:  
本教程旨在實(shí)現(xiàn)lightBox時(shí)的樣式與行為分離,減少JS在各方面(全屏遮蔽、ie6中遮蔽select、雙向居中、高度自適應(yīng)內(nèi)容等)的工作。

2. 單行居中,多行居左的方法(看demo吧,表述能力有限):

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

3. 使用inline-block實(shí)現(xiàn)未知高度垂直居中的方法(看圖和demo吧,表述能力有限):

圖示:

代碼演示:


[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

存在的兩個(gè)細(xì)節(jié)性問(wèn)題:
大家可以看到完整demo中并未出現(xiàn)font-size:0;,而在垂直居中法中卻出現(xiàn)了。
因?yàn)閒ont-size:0在完整demo中,將使firefox3.5中讀者完整閱讀時(shí)lightBox的鼠標(biāo)滾輪失效,原因不詳,這一點(diǎn)大家可以作情處理。
maxHeight這東西只能放在lightBoxContent的后面,因?yàn)樵趏pera9.6中會(huì)出現(xiàn)bug,囧。

相關(guān)文章

最新評(píng)論