關於CSS 3 及瀏覽器安全色性問題

來源:互聯網
上載者:User

 

CSS 3 標準

隨著AJAX 及jQuery 的出現,CSS 也在不斷地自我完善。

CSS 3 吸取了多年來Web 發展的需求,提出了很多新穎的CSS 特性。

 

例如:CSS 3 中的圓角矩形 border-radius 屬性(但在IE 瀏覽器中無效)。

<html>
<head>
<title>圓角矩形</title>
<style type="text/css">
<!--
div{
    width:200px;height:120px;
    border:2px solid #000000;
    background-color:#FFFF00;
    border-radius:20px;                /* CSS3 中的圓角矩形     */
    -moz-border-radius:20px;           /* mozilla 中的圓角矩形  */
    -webkit-border-radius:20px;        /* Safari 3 中的圓角矩形 */
}
-->
</style>
</head>
<body>
<div></div>
</body>
</html>

注意:由於IE 7 瀏覽器是以CSS 2 為基礎,所以不支援圓角屬性。

 

瀏覽器的相容性

瀏覽器的相容性,程式員可以通過http://www.css3.info/selectors-test/test.html 來測試自己的瀏覽器對各種CSS 選取器的支援。

正是因為瀏覽器對CSS 3 的相容性問題,使得CSS的屬性沒有得到推廣。

 

jQuery 的引入

jQuery 架構通過預先的JavaScript 編程,提供了幾乎所有的CSS 3 標準下的選取器。開發人員可以利用這些選取器來選擇HTML 中的標籤元素。

注意:jQuery 中的這些選取器的相容性非常好,在目前主流的瀏覽器下都可以使用。

 

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.