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上讨论，以及如何解决它们的详细信息。