0

私は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" />

何かアドバイスはありますか？

4

1 に答える 1

2

測定値をinput使用している場合は、CSS3Pieの要素に問題はありません。pxドキュメントには、既知の問題のページで比例サイズの要素に関する問題が記載されていますが、それはあなたの問題ではありません。

同じページで他の要素が機能していることを考えると、他の可能性のある問題のみがあります。

  • 最初はhasLayout問題です。その解決策は、通常zoom:1、スタイルに似たようなものを追加することです。

  • 2つ目は、境界線の消失の問題です。この問題の解決策は、positionとz-indexスタイルを使用することです。

これらの問題は両方とも、CSS3Pieの既知の問題のページで、それらを解決する方法の詳細とともに説明されています。

于 2013-03-17T20:12:15.247 に答える