內聯黑客css更低到IE9？ （或所有非CSS3功能的瀏覽器）

Question

我需要一個黑客的目標低於9，或更具體的Internet Explorer瀏覽器;我需要一個直列 CSS劈tarjet非CSS3功能的瀏覽器

_prop:val -> ie6 
*prop:val -> ie6 & ie7 
????????? -> ie8 & ie7 & ie8 

我使用漸變和圖像的瀏覽器，但IE8不支持它，所以，我想負載替代圖片僅在必要時

（請避免解答提示使用條件評析或使用JavaScript來使用外部的樣式表。我知道，這個代碼將是無效的，但它只是一個小東西。另外，我很好奇，想知道它posible :)）

Answer 1

您需要使用這樣的：

prop: val\9 

在任何值的末尾把\ 9直接將目標只是IE8及以下

Answer 2

我在項目中使用IE8中的漸變。它確實有用！

<style> 
     #gradient { 
      color: #fff; 
      height: 100px; 
      padding: 10px; 
      /* For WebKit (Safari, Google Chrome etc) */ 
      background: -webkit-gradient(linear, left top, left bottom, from(#00f), to(#fff)); 
      /* For Mozilla/Gecko (Firefox etc) */ 
      background: -moz-linear-gradient(top, #00f, #fff); 
      /* For Internet Explorer 5.5 - 7 */ 
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF); 
      /* For Internet Explorer 8 */ 
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF)"; 
     } 
    </style> 

框中陰影似乎有這樣一種變通方法：

.shadow { 
    zoom: 1; 
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=0, Strength=3) 
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=45, Strength=2) 
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=90, Strength=3) 
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2) 
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=3) 
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=225, Strength=2) 
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=260, Strength=3) 
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=305, Strength=2); 
    -moz-box-shadow: 0 0 5px #222; /*Mozilla-basierte Browser (z.B. Firefox)*/ 
    -webkit-box-shadow: 0 0 5px #222; /*WebKit-basierte Browser (z.B. Safari/Chrome)*/ 
    box-shadow: 0 0 5px #222; /*CSS3 Standard*/ 
} 

的邊界半徑也沒有支持，直到IE9，據我所知。我在使用幾個jQuery插件來實現邊界半徑。希望這段代碼能幫助你！

Answer 3

你不需要一劈，因爲沒有電流瀏覽器支持所有的CSS3。

相反，簡單地對舊的瀏覽器指定後備性質，如下所示：

#selector { 
    background: url("gradient.png"); 
    background: gradient(...); 
}