Internet explorer 8 css3pie将效果应用于div而不是输入文本

Internet explorer 8 css3pie将效果应用于div而不是输入文本,internet-explorer-8,css,css3pie,Internet Explorer 8,Css,Css3pie,我使用css3pie(适用于InternetExplorer8)将边框半径等效果应用于我页面上的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:5

我使用css3pie(适用于InternetExplorer8)将边框半径等效果应用于我页面上的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" />


有什么建议吗?

如果您使用的是
px
测量值,那么CSS3Pie中的
输入
元素应该没有问题;文档提到了已知问题页面中比例大小元素的问题,但这不是您的问题

考虑到同一页面中有其他元素在工作,因此只有其他可能的问题:

  • 首先是hasLayout的问题。解决方法通常是在样式中添加类似于
    zoom:1
    的内容

  • 第二个是边界消失问题,解决方案是使用
    位置
    z-index
    样式

这两个问题都将在上讨论,并详细介绍如何解决它们