css3pie適用效果的DIV不是輸入文本

Question

我使用css3pie（適用於Internet Explorer 8）像邊界半徑效果應用到我的網頁上的div它的工作原理，但不是在輸入文本

.header input[type="text"]{ 
border: 2px solid #696; 
text-align: center; 
width: 150px; 
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius: 8px; 
background: #fff; 
box-shadow:5px 5px 5px #000; 
-webkit-box-shadow:5px 5px 5px #000; 
-moz-box-shadow:5px 5px 5px #000; 
behavior: url(PIE.htc); 
} 

和這裏的頭碼

<link rel="stylesheet" type="text/css" href="main.css"> 
<!--[if IE 8]> 
<link rel="stylesheet" type="text/css" href="ie.css"> 
<![endif]--> 
<meta http-equiv="X-UA-Compatible" content="IE=8" /> 

有什麼建議嗎？

Answer 1

在CSS3Pie中，input元素不應該存在問題，前提是您使用的是px度量值;文檔在已知問題頁面中提到了與比例大小元素相關的問題，但這不是您的問題。

既然你已經有了在同一個頁面的工作等元素，只有其他可能的問題：

• 首先是hasLayout問題。通常的解決方案是在樣式中添加類似zoom:1的內容。

• 其次是消失的邊界問題，解決方案是使用position和z-index樣式。

這兩個問題在CSS3Pie known issues page上討論，以及如何解決它們的詳細信息。