0

CSS Rounded Corners と Shadow を使用しています。Visual Studio で Chrome を介してデバッグを実行すると問題なく動作しますが、サーバーに配置して Chrome または IE を介してサーバーからアクセスしようとすると、影も表示されません。丸い角。サーバー側と Visual Studio が提供する仮想サーバーで何か違いはありますか? 事前にご協力いただきありがとうございます。

.greenborder
{
border-radius: 15px 15px 15px 15px;padding: 8px; border: 2px solid #7F9F1A;
behavior: url(ie-css3.htc);
background-color :White ;
box-shadow: 10px 10px 5px #888;
}

更新しました 

-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari, Chrome */
border-radius: 15px 15px 15px 15px; /* CSS3 */

padding: 8px; 
border: 2px solid #7F9F1A;  
behavior: url(ie-css3.htc);
background-color: White;

-webkit-box-shadow: 10px 10px 5px #888;
-moz-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
4

2 に答える 2

2

ブラウザ間の互換性を持たせるには、次のスタイルを使用する必要があります。

.rounded-corners {
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari, Chrome */
  border-radius: 10px; /* CSS3 */
}
于 2012-04-11T20:17:19.687 に答える
2

Prefixerと呼ばれる優れた小さなツールを使用して、CSS クロスブラウザーを作成できます。非常に使いやすく、多くの時間を節約できました。

于 2012-04-11T23:03:33.530 に答える