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

用javascript修復(fù)瀏覽器中頭痛問題的方法整理篇[譯]第3/4頁

 更新時間:2008年11月03日 16:04:28   作者:  
我們提倡無論何時都盡可能地使用CSS,這樣我們更容易取得成功.現(xiàn)在瀏覽器對CSS的支持已經(jīng)非常好,肯定足以讓你用來控制你的網(wǎng)頁布局與排版.但,即使如此,還是有某些頁面元素會在不同的瀏覽器下表現(xiàn)也不一樣.

4. 瀏覽器中的CSS選擇器

試想一下,你只要鍵入一個特殊的選擇器,你就可以為當(dāng)前瀏覽器中設(shè)置了類名的元素編寫javascript代碼了.

4.1 CSS Browser

這是一段非常簡單的javascript代碼,它短小精悍,能使你使用CSS選擇器.使用它你可以在任何瀏覽器編寫特殊的CSS代碼. 你可以為瀏覽器中設(shè)置了類名的元素寫上一段javascript代碼.

jQuery browser selectors
另外一個選擇就是使用jQuery,它可以讓你使用瀏覽器的選擇器更加方便,你所需要做的事就是引入jQuery, 然后編寫如下代碼:

$(document).ready(function(){ 
    $('html').addClass($.browser);

}); 

現(xiàn)在你可以準(zhǔn)備好.msie, .mozilla, .opera, .safari 或 .other 這些依賴目標(biāo)瀏覽器的樣式了.

5. 最大/最小寬高支持

對于CSS的min-width, min-height, max-width, max-height, border-*-width, margin, 與padding屬性在某些瀏覽器不被支持的問題,jQuery提供了非常好的解決方案.

5.1 jQMinMax

這個jQuery插件為沒有提供原生支持min-width, max-width, min-height與max-height這些屬性的瀏覽器添加支持.

5.2 JSizes

這個基于jQuery的小插件為CSS的min-width, min-height, max-width, max-height, border-*-width, margin, 還有padding屬性提供支持.另外,它還提供了一個檢查元素是否可見的方法.由于它所有與大小相關(guān)的方法都是返回數(shù)值,所以用于計算DOM元素的尺寸是非常安全的.

下載的例子演示了可以使用無返回值的方法鏈.

jQuery(function($) {

   var myDiv = $('#myDiv');   // set margin-top to 100px and margin-bottom to 10em   myDiv.margin({top: 100, bottom: '10em'});   // displays the size of the top border in pixels   alert(myDiv.border().top);   // displays true if the element is visible, false otherwise   alert(myDiv.isVisible());   // set padding-right to 10px and margin-left to 15px using chaining   myDiv.padding({right: 10}).margin({left: 15});});


相關(guān)文章

最新評論