CSS不能在HTML應用程序中工作

我正在研究一個HTML應用程序，並試圖設計一個信息面板。這裏是我到目前爲止的CSS代碼：CSS不能在HTML應用程序中工作

#info_panel { 
    width:900px; 
    height:100px; 
    margin:auto; 
    background-color:brown; 
    border-bottom-left-radius:25px; 
    border-bottom-right-radius:25px; 
    border-top-left-radius:25px; 
    border-top-right-radius:25px; 
}

我對前四行沒有問題。問題出現在邊框半徑屬性中。我注意到陰影屬性也不起作用。我知道這段代碼通常可以在網絡瀏覽器中工作，但這是一個應用程序，似乎有問題。不幸的是，關於這個主題的文檔很少。我會包括一個小提琴，但我當然不能，因爲它會在網絡瀏覽器中運行。歡迎任何幫助！ :)

來源

2013-05-13 user2339815

不能幫你，因爲你沒有提到你正在做這件事的渲染引擎/平臺。如果事實證明你是在iOS上的話，WinPhone 8的回答將是無用的。 – 2013-05-13 14:52:42

你知道hta是否支持border-radius？ – brbcoding 2013-05-13 14:52:44

'box-shadow'給你一個陰影'border-radius'圍繞角落你沒有使用任何陰影屬性，這就是爲什麼它不顯示 – Andrew 2013-05-13 14:54:50

要真正運行與IE9 HTA你需要設置文件類型和x-ua compatiblemeta標籤：

<!DOCTYPE html> 
<html> 
<head> 
<title></title> 
<meta http-equiv="x-ua-compatible" content="IE=9"/> 
....

注意訂單，,script或linkmeta之前不應有任何標籤。

在IE9中似乎也有一個錯誤。當將半徑分配給也具有legend元素的fieldset元素時，不會呈現半徑。沒有legend邊框被舍入。

來源

2013-05-14 04:12:12 Teemu

這很好用！謝謝！ – user2339815 2013-05-16 15:59:10

我很好奇你爲什麼使用longhand版本來指定邊框半徑。你有沒有嘗試通用速記？

-moz-border-radius:25px; 
-webkit-border-radius:25px; 
border-radius:25px;

這箱子的影子代碼：

-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.5); 
-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.5); 
box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.5);

來源

2013-05-13 14:55:13 Timidfriendly

我想我使用的是慢手版本，因爲它看起來像更清潔的程序，另外我有時會在不同的角落使用不同的值。 – user2339815 2013-05-13 15:00:17

從我所收集，您的HTA基本上是在Internet Explorer的渲染引擎運行。只有IE9和IE10支持border-radius屬性。較老的IE不會顯示圓角或框陰影。你有沒有安裝IE8？

如果您需要舊IE渲染這些風格特點，然後尋找到CSS3 PIE：http://css3pie.com/

來源

2013-05-13 15:01:59 JacobMcLock

我正在使用IE9。據CSS3 PIE，甚至沒有IE9渲染「邊界半徑的財產 – user2339815 2013-05-13 15:06:20

http://caniuse.com/#search=border-radius - 這是它CSS3和HTML5功能支持不同的瀏覽器有用的資源。它說IE9應該支持「border-radius」，但無論如何不能解釋爲什麼它不適合你。也許你的HTA沒有使用IE9，但IE8仍然是。 – JacobMcLock 2013-05-13 15:10:35

我該如何判斷是否正在發生，如果是，我該如何解決？ – user2339815 2013-05-13 15:19:17

CSS不能在HTML應用程序中工作

回答

相關問題