中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

4. CSS瀏覽器選擇器

如果您可以只需鍵入一個特殊選擇器，在這里您可以寫一些JavaScript ，設(shè)置一個Class在基于當前的瀏覽器的名字的標簽會怎么樣？

4.1 CSS Browser

這是一個非常小的javascript只有一行，而且不到1kb，它允許CSS選擇器。它讓您可以為每個操作系統(tǒng)和每個瀏覽器寫具體的CSS代碼。你可以寫一些JavaScript ，設(shè)置Class的名字，也就是說，內(nèi)容根據(jù)當前的瀏覽器。

• 點擊查看預覽效果
• 點擊下載源文件

jQuery 瀏覽器選擇器

這里有另外一個基于jQuery的非常簡單的處理瀏覽器選擇器的方法，你需要做的只是加載jQuery庫文件，并添加下面的一塊兒代碼。

$(document).ready(function(){
$(‘html’).addClass($.browser);
});

現(xiàn)在你可以準備你的樣式，如.msie,.mozilla, .opera, .safari 或其它目標瀏覽器。

• 點擊查看預覽效果

5. 最小/最大 高度/寬度支持

針對CSS min-width, min-height, max-width, max-height, border-*-width, margin, 和padding 屬性，這里有一些很好的jQuery修正。

5.1 jQMinMax

這是一個為沒有原聲的支持min-width, max-width,min-height和max-height的地方添加支持的jQuery插件。

• 點擊查看預覽效果
• 點擊下載源文件

5.2 JSizes

這個小jQuery插件為CSS min-width, min-height, max-width, max-height, border-*-width, margin, 和padding 屬性添加支持。特別是他提供一種方法來確定一個元素在那里可見。由于所有的型號的方法返回數(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});
});

• 點擊查看預覽效果
• 點擊下載源文件

出處：前端觀察
責任編輯：bluehearts

上一頁 javascript修正12個瀏覽器兼容問題 [2] 下一頁 javascript修正12個瀏覽器兼容問題 [4]

◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。