CSS3 Border Radiusプロパティはlocalhostでは機能しませんか？

私はcss3 border radiusプロパティに非常に奇妙な問題があります。私の次のCSSとhtmlはIE9でうまく動作しますが、ファイルをダブルクリックしてIE9で開くと、IEでLOCALHOST（xamppがウィンドウズ7に埋め込まれている）でファイルを開くとIEで境界プロパティが機能しません。同じファイルは他のブラウザと一緒にlocalhost上で正常に動作します。どうすれば修正できますか？CSS3 Border Radiusプロパティはlocalhostでは機能しませんか？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<style media="all" type="text/css">@import "circle.css";</style> 
</head> 
<body> 
<div class="exampleborderradiusf">F</div> 
</body> 
</html>

とCSSは次のとおりです。助けを

.exampleborderradiusf { 
    float:left; 
    background-color: #464646; 
    margin-top: 20px; 
    margin-right: 40px; 
    width: 70px; 
    height: 70px; 
    text-align: center;  
    -moz-border-radius: 35px; 
    border-radius: 35px; 
    color: white; 
    font-size: 20px; 
    position: relative; 
    top: 20px; 
}

感謝。

出典

2011-01-14 user966582

IE9はまだベータ版であるため、バグや不完全な機能があります。その可能性があなたの1つにつまずいた可能性があります。

CSSスタイルが機能しなくなり、同じCSSファイル内の他のCSSスタイルが機能し続ける理由はあまりにも多くありません。

IEはまだIE9モードであり、IE8互換モードなどではないことを確認しましたか？私はこの種のことがゾーンによって変わるかもしれないことを知ることができます - IE8で同様のことが起こったのは、ローカルのイントラネット内をブラウズするときIE7互換モードに切り替えることができる設定が不明瞭なところです。

出典

2011-01-14 15:31:14 Spudley

インターネット上の他のサーバーでホストされている同じコードがIE9でうまく動作するので、変わったように聞こえるかもしれませんが、localhost + IE9だけで何かをしなければなりません。 – user966582

@ user547969 - そうですね、私はcompatモードのものが調査する価値があると思ったのです。 – Spudley

ありがとう、それはまさにあなたが言ったものでした。何らかの理由で、ブラウザはIE 8モードに設定されていました。再度、感謝します。 – user966582

ちょうどアイデア（しかし、私はこのような問題のことを聞いたことがありません）：あなたはこのようなあなたのCSSファイルを参照してみてください可能性：

<link rel="stylesheet" type="text/css" href="circle.css" />

代わりの

<style media="all" type="text/css">@import "circle.css";</style>

編集：は、他のスタイリングルールが正しく適用されていますか？もしそうなら、ただ私の考えを無視してください...これは "スタイルシート全体がロードされていない"ためです - あなたはそれに関する正確な情報を与えられていません。

出典

2011-01-14 15:25:36 oezi

ええ、他のすべてがうまく動作するので、これは問題ではありません。とにかくありがとう。 – user966582

ローカルサーバーが正しいMIMEタイプ（text/css）のスタイルシートを配信していますか？

出典

2011-01-14 15:27:45 RoToRa

hmm ..どうすれば確認できますか？他のCSSプロパティはlocalhost上でうまく動作しますが、border-radiusだけが問題を抱えています。他のすべてのブラウザ（Firefox、Chrome、Opera、Safariなど）は正常に動作します。 – user966582

これはただの思考ではなく、必要があります。

<style media="all" type="text/css">@import "circle.css";</style>

ではなく、可能：もちろん

<style media="all" type="text/css">@import url("circle.css");</style>

、これはないだろう（あるいは少なくともすべきではない）スタイルシートがローカルにロードされていない理由を説明してください。 border-radius以外のスタイルがロード/適用されている場合は、この回答は適用されません。

出典

2011-01-14 15:28:03

ackkk - 私の公開サーバから正確に同じページが細かいレンダリング - - ローカルホストから来た - 私はちょうど同じwierdness発見ノーボーダー半径

をしてからページ上のヒットF12をし、あなたがそれを発見することがあり私は私のページでこれを立ち往生あなたのローカルホストファイルはIE7モードで表示しているいくつかの折り重なっていない理由は：

meta http-equiv="X-UA-Compatible" content="IE=9000"

それはは、いくつかのより多くを研究する必要が働いていたが、私はあなたがIISとサルはこれがこの愚か自動取得することができると思いますp問題は金曜の夜を過ごす良い方法ではなかった

出典

2011-01-15 07:40:54

ええ、私はそれを修正するために同じ方法を見つけました。 – user966582

CSS3 Border Radiusプロパティはlocalhostでは機能しませんか？

答えて

関連する問題