插圖的box-shadow在IE9

我想下面的插圖陰影適用於某些按鈕，不使用工作社科院：插圖的box-shadow在IE9

@mixin innerShadow { 
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .45); 
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .45); 
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .45); 
} 

.button { 
    display: inline-block; 
    @include roundedCorners(5px); 
    @include innerShadow; 
    padding: 0.45em 1.5em 0.5em; 
    cursor: pointer; 
    text-align: center; 
    text-decoration: none; 
    &:active { 
     position: relative; 
     top: -1px; 
    } 
}

它工作在Firefox，Safari瀏覽器，歌劇和鉻罰款，但在IE9陰影根本不顯示。它不適用於外框陰影，也不適用於使用十六進制代碼而不是RGBA定義顏色。

這不是一個緊急的問題，因爲沒有它的按鈕看起來很好，但我想知道是否有人知道爲什麼會發生這種情況。我檢查了我有一個有效的文檔類型，頁面上沒有邊框摺疊的元素。

謝謝。

來源

2012-04-02 Laura Hogarth

已經在這裏回答：http://stackoverflow.com/questions/5617455/issue-with-box-shadow-on-ie9 – 2012-04-02 15:10:19

謝謝，但它似乎沒有任何這些問題。我使用的是一個有效的文檔類型（<！DOCTYPE html>），頁面上沒有表格，所以與邊界摺疊無關，我已經檢查了IE開發工具，瀏覽器模式設置爲IE9。 – 2012-04-02 15:37:48

它更好地使用指南針的CSS3的東西，因爲你不必寫供應商的前綴。你可以在這裏試試http://compass-style.org/examples/compass/css3/box_shadow/

我試過你的CSS在IE9中的「a」標籤，對我來說它的工作原理。

因此，你的盒子陰影CSS的作品，問題可能是在你的HTML。

來源

2012-05-07 17:59:29 Pat

插圖的box-shadow在IE9

回答

相關問題