ホームページ  >  記事  >  ウェブフロントエンド  >  Jquery Cornerフィレットプラグインを使用後、IEでのCSS枠表示効果が無効となり、FFがnormal_html/css_WEB-ITnoseとなる

Jquery Cornerフィレットプラグインを使用後、IEでのCSS枠表示効果が無効となり、FFがnormal_html/css_WEB-ITnoseとなる

WBOY
WBOYオリジナル
2016-06-24 12:11:41883ブラウズ

Jquery Corner フィレット プラグインを使用すると、IE での CSS ボーダー表示効果が無効になり、FF が正常になります

cdbb201b3b623a16b61eca8f92964e2b 画像/UserI con.gif"/> ユーザー情報
05a49cfc8308d552860f94fa1a29f1d2

.Menubox{ width:#000000 無地 3px; 000000; マージン: 10px; オーバーフロー: 非表示} .Titlebar{ 幅:100%; 高さ:24px; フォントサイズ: 12px; ;text-indent: 4px;}
.Titlebar img{ margin:2px 5px 2px 5px; display:block; float:left}
.Contbox{ width:100%; font-size:12px;表示:ブロック}
.Contbox ul{ list-style-type:none; margin:0 auto}
カーソル:ポインタ;
幅: 100%;
境界線-下:#666666 ソリッド 1px;
line-height: 24px;
text-indent: 4px; ie6 ですか?バージョンが低くて脆弱性が多い場合は問題がある可能性があります。 IE7 では問題ないはずです

これは IE6 IE7 IE8 の場合です。

css
b.rtop, b.rbot {	display:block;	background-color:#EEE;}b.rtop b, b.rbot b {	overflow:hidden;	height:1px;	display:block;	background-color:#FFF;}b.r1 {	margin:0px 5px;}b.r2 {	margin:0px 3px;}b.r3 {	margin:0px 2px;}b.rtop b.r4, b.rbottom b.r4 {	margin: 0px 1px;	height: 2px;}

Use
<div>    	<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b><b class="rbot"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>    </div>

投稿者はこの角丸に注目してください

枠線も欠けています。何が起こっているのかわかりません。 。
JQプラグインはもう使用できませんか?

オリジナルポスター。あなたの問題は解決しましたか?私も今この状況に遭遇しています、なんて愚かなことでしょう。何が起こっているのかわかりません

問題を見てみましょう

私も同じ問題に遭遇しました。FF では正常に動作しますが、IE ベースのブラウザでは枠線さえも表示できません。とても憂鬱です!
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:初心者が学ぶべきhtml5_html/css_WEB-ITnoseの質問次の記事:初心者が学ぶべきhtml5_html/css_WEB-ITnoseの質問

関連記事

続きを見る