2011-03-25 156 views
5

正如標題說,本地工作,但不能使用IE9時,我的CSS本地工作正常,但部署到IIS7的邊界半徑和箱陰影當不採用,雖然工作正常ff4和Chrome。邊界半徑 - 當部署

.blabla 
{ 
    -moz-border-radius:10px; 
    border-radius: 10px; 
    box-shadow: 3px 3px 10px #000000; 
    height: 101px; 
    margin: 5px; 
    width: 225px; 
    cursor:pointer; 
    background:url('./Content/images/background.png') scroll 0 0px no-repeat; 
} 

我用MVC3項目,它具有<!DOCTYPE html>已經在工作,它沒有使用​​我改變它只是提10px的一次是當本地沒有工作,最初和取得的伎倆(也做了盒子陰影工作),但它在部署時仍然不起作用。有任何想法嗎?

編輯:我在IE瀏覽器的開發者工具的檢查中,邊界半徑是存在的,但在本地部署時,顯示不出來,這可以解釋爲什麼它不工作......就是爲什麼它不顯示的問題?

EDIT2:我注意到了別的東西......我的文檔類型,而在我的代碼編寫正確:<!DOCTYPE html>顯示在瀏覽器中禁用:<!-- DOCTYPE html -->仍找不出如何解決它。

EDIT3:我創建了一個正常ASPX Web應用程序,同樣的問題。在本地工作,但在IIS7的DOCTYPE被註釋掉...

+0

哇,真的很奇怪,將文檔轉換爲註釋。也許是因爲Visual Studio中的一些驗證問題?我不確定它是否有幫助,但VS [有一個HTML5驗證/ IntelliSense插件](http://visualstudiogallery.msdn.microsoft.com/d771cbc8-d60a-40b0-a1d8-f19fc393127d/)。 – BoltClock 2011-03-25 20:57:23

+0

奇怪的是,doctype在ie9上本地運行時沒有註釋,只在部署時才這樣做......我嘗試將它改爲舊的<!DOCTYPE html PUBLIC「 - // W3C // DTD XHTML 1.1 // EN「」http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd「>'和它完全相同的東西...... Oo – LanFeusT 2011-03-25 21:03:38

回答

6

你的頁面可能觸發IE7模式在IE9。在本地機器上,您手動將設置更改爲在IE9中使用標準模式,但部署後您將再次在IE7模式下查看頁面=> no border-radius。去過也做過。

另一個原因可能是內容鍵入您的服務器的網頁發送,請參閱http://hsivonen.iki.fi/doctype/

+0

我注意到,當我檢查ie9中的開發人員工具時,文檔模式設置爲IE7標準和瀏覽器模式爲IE9兼容視圖。如果我將它們中的任何一個改爲IE9,它都可以正常工作。但是我在網上發現的一切應該會影響到這一點。 – LanFeusT 2011-04-06 17:03:46

+9

找到解決方案!元標記需要指定EmulateIE9而不僅僅是9或IE9:'' – LanFeusT 2011-04-06 17:18:01

+0

謝謝LanFeusT,這是我能得到的唯一方法它也工作。 – Johncl 2011-11-08 14:05:32

1

嘿嘿,不知道這是爲什麼發生的,它不應該正常。你有沒有試過簡單的東西,如刷新沒有緩存?

無論如何,你應該使用所有供應商前綴:

.blabla { 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    -moz-box-shadow: 3px 3px 10px #000000; 
    -webkit-box-shadow: 3px 3px 10px #000000; 
    box-shadow: 3px 3px 10px #000000; 
} 
+0

是啊我使用它們都已經忘記刪除-moz-border一個讓帖子變小:)我已經在我的頁面添加了'標籤,但是沒有區別。 – LanFeusT 2011-03-25 20:30:20

+0

這很奇怪,我相信這是與代碼無關的東西。HTML和CSS是客戶端,所以不管服務器它們應該是相同的。有少數情況下服務器配置可以影響它們,但我不明白這在這裏如何適用。你有沒有任何配置文件(比如Apache的.htaccess)來覆蓋某些頭文件或類似的東西? – Francisc 2011-03-26 07:58:12

+0

沒有那樣沒有。 :/ – LanFeusT 2011-03-28 18:44:53

7

我用同樣的問題掙扎。 但我剛找到我的答案。這是IE的「兼容視圖」。

顯示命令欄>首頁>兼容性視圖設置。

對於我的具體問題,這是一個默認的複選框「在兼容幷包視圖顯示Intranet站點」。

+0

謝謝!這使我在最後一個小時內將我推上了牆。 – GrandMasterFlush 2012-01-25 15:00:18

+0

謝謝這麼多!救生員哈哈。 – 2012-08-10 06:02:44

+0

在我找到這個之前花了超過一小時......謝謝! – FastTrack 2013-02-27 15:51:52

0

謝謝! meta標籤爲我工作。我不得不把它放在頁面的HeadContent部分,但放入主頁面並沒有解決它。由於我不想擔心客戶端的兼容性模式設置,因此強制使用它會更好。