- 締切済み
IE8のbackgroundのcssについて
cssで background：url（img.jpg） no-repeat center center を指定してあり、 IE6,IE7はちゃんと表示してくれますが、 IE8で見ると完全に抜けてしまいます、 その理由と解決方法をご案内いただけないでしょうか
- rendefu
- お礼率72% (8/11)
- その他([技術者向] コンピューター)
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- naokita
- ベストアンサー率57% (1008/1745)
float 利用に clear せずに、 背景が表示されないなどの同様の質問が良くありますが、 旧IEは適当だから、 それ以外のCSSをミスっても表示してくれたりもしますので、 その質問内容だけでは、検証できませんので誰もわかりません。
関連するQ&A
- CSSでのBackground
質問です。 CSSでTRタグにBackgroundって使えますか？ 何度かやっているのですがうまくいかなくて・・・ リファレンス参照してもそれらしい記述がなくて困ってます。 下記のような感じでやってるのですが何か間違ってますでしょうか？ ちなみにインラインではなく、別ファイルでのCSS記述です。 tr#area_center_column{ background:url('画像パス') no-repeat; height:26px; } 画像パスの間違いなどはありません。 上記の記述じゃ無理ですか？ 下記の記述でも無理でした。 tr#area_center_column{ background-image:url('画像パス'); background-repeat:no-repeat; height:26px; } インラインでは画像は表示されるんですけど・・・ どなたか教えてくださいお願いします！
- ベストアンサー
- HTML
- IEのみでCSSのbottomが効かない。
IEのみ、CSSのbottomが効かない現象に悩まされております... こちらを改善する方法をご存知の方は、ご教授いただけますと大変に助かります。。 以下がCSSに記述しているプラグラム内容となります。 body{ position: relative; background-image: url(../image/bg/t_bluestick.jpg), url(../image/pattern/navi_pt.png), url(../image/gnavi/bg.png), url(../image/gnavi/bg_pt.png), url(../image/header/header_img3.png), url(../image/pattern/footer_white_pt.png), url(../image/footer/footer_pt.png), url(../image/pattern/dec_pt_50.png), url(../image/bg/pt_whitetile.png) ; background-repeat: repeat-x, repeat-x, no-repeat, repeat-x, no-repeat, repeat-x, repeat-x, repeat-y, repeat ; background-position: top, center 321px, center 321px, center 311px, center 23px, bottom, bottom, center 10px, center ; background-color: #BFE5FF ; } 何卒よろしくお願い申し上げます。
- ベストアンサー
- CSS
- CSSによる背景画像のセンタリング。IE以外ではうまくいかない
背景画像をセンタリングしたいのですが、以下のCSSソースでは、IE以外（firefoxなど）は左右しかセンタリングされません。 body{margin:0; padding:0; text-align:center; background-repeat: no-repeat; background-position: center center; background-image:url(../images/back5.jpg)} CSSハックを使って、個々のCSSを書くしかないんでしょうか？ よろしくお願いいたします。
- ベストアンサー
- CSS
- st.css/呼び込まない？？
st cssのタグです。 /* ヘッダー*/ #head_wall{ width : 340px; height : 265px; text-align: center; background : url(img/wall01.gif) no-repeat center center; } #head{ width : 340px; height : 265px; text-align: center; background : url(img/photo.jpg) no-repeat center center; } このようなタグで呼び出していますが（テンプレサイト様のを使用） 背景のphoto.jpgが表示されません。 色々しましたがこちらではわからなかったのでここで質問させてもらいます。 この背景が表示されないのは呼び出してるHTMLのタグに問題があるのでしょうか？ しかしテンプレサイトのものをそのままコピぺしてるのでそれは間違いないかと。 どなたかよろしくおねがいします。
- ベストアンサー
- CSS
- CSSで背景の重なり指定
ページの背景を設定するために body { background: #000000 url(../img/back1.jpg) no-repeat right top; z-index:2; } とし部分的に表示したい背景を .side { background: #000000 url(../img/back2.jpg) repeat; z-index:1; } としています。 やりたいことはbodyで記述した背景を1番前に表示させたいと 思っているのですが.sideに記述した背景が手前に 出てきてしまいます。 これを解決する方法はないでしょうか？ブラウザはIE6.0です。
- 締切済み
- HTML
- CSSの表示の違い（IEとFirefox）
背景を固定するために、CSSを使いました。 IEで見ると、指定したとおり右下で固定されているのですが、Firefoxで見ると、全体に表示されて固定されません。 ネット上を探して見ると、Firefoxでも固定されているサイトはかなりあります。 そうすればいいのでしょうか？ <style type="text/css"> <!--body {background-color:"white"; background-image:url("http://www.******-labo.com/sozai_mami/clip_arts/moon/05/white/blue.jpg"); background-repeat:"no-repeat"; background-position:"bottom right"; background-attachment:"fixed";}--> </style>
- ベストアンサー
- CSS
- CSSのbackground-imageが表示されません
CSSのbackground-imageが表示されません 恐れ入ります。現在CSSを勉強しつつサイトを作成しているのですが 2カラムの枠組みにて containerボックスの中にsidewrapとmainwrapを配置し、 サイトを表示してみるとcontainerボックス中にて設定をしたbackground-imageが表示されません。 確認は以下のブラウザにて確認してみました。 ○background-image表示されない ・firefox(最新ver) ・IE8 ○background-imageが表示される ・IE6 いろいろ試してみた所mainwrap中のfloat: rightをコメントアウトしたら IE8等でもbackground-imageが表示されるみたいなのですが・・・ 解決法などご存知の方がいらっしゃいましたらお教えいただけませんでしょうか。 CSSの設定は以下のようになってます。 #header{ width:800px; background-color:#ffffff; } #container{ width:800px; background-image: url(img/back.jpg); background-repeat: repeat-y; } #sidewrap { width: 190px; float: left; margin: 0px auto; text-align: left; } #mainwrap { width: 600px; float: right; text-align: left; } #footer{ clear:both; width:800px; text-align: center; border-top: 3px solid; border-bottom: 1px solid; } 以上 よろしくお願いします。
- ベストアンサー
- HTML
- CSSでIE6だけ出る隙間をなくしたい
お世話になります。 CSSとtableを組み合わせてレイアウトをしています。 WindowsのIE7やSafari、Netscapeでは正常に表示されるのですが、 IE6では<div>と<div>の間に1、2pxの白い隙間が出てしまいます。 htmlは下記にアップしています。 http://www.couleurcafe.jp/08/ ホーム、メニューといったメインメニューの行と、 赤地に白文字のヘッダーメニューの行の間に隙間が出てしまいます。 CSSは以下の通りです。 @charset "Shift_JIS"; body { margin: 0; padding: 0; background-image: url(img/bodybg.gif); } #wrapper { width: 780px; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; text-align: left; background-color: #FFFFFF; } #mainmenu { background-image: url(img/menubarbg.gif); background-repeat: repeat-x; width: 766px; height:29px; margin-left: 14px; margin-bottom:0px; padding-top:1px; } #menublock { background-image: url(img/menubg.gif); background-repeat: no-repeat; width: 88px; height:29px; font-size: 12px; color: #000000; text-align: center; height: 16px; padding-top: 12px; } #menublock_over { background-image: url(img/menubg_over.gif); background-repeat: no-repeat; width: 88px; height:29px; font-size: 12px; color: #FFFFFF; text-align: center; height: 20px; padding-top: 8px; } #headermenu { background-color: #E10C0A; width: 772px; height: 12px; font-size: 11px; color: #FFFFFF; text-align: right; padding: 4px; } この隙間をなくす方法はないでしょうか。 CSSのおかしいところがあればご指摘をお願いいたします。 どうぞよろしくお願いいたします。
- ベストアンサー
- HTML
- ネスケで背景色が表示されない
ＷＩＮＸＰ ＩＥ６ ネスケ７.１ 外部ｃｓｓで td.bottom{ height: 30px; background:url(img/cr.gif); background-repeat:no-repeat; background-position: center; background-color: #fff76b; } と指定し、 ＨＴＭＬに <TD colspan="4" align="center" class="bottom"></TD> というタグを書いています。 ＩＥで見るとちゃんと表示されますが、 ネスケだと色がまったく表示されません。 理由がまったく分からず困っております。 どなたかアドバイス下さい！
- ベストアンサー
- HTML
- 背景画像がNetscapeでは表示されない
<HEAD>タグ内に下記の方法で背景画像を中央に表示させています。 IE5.5では正常に表示されますが、ネスケ4.7で確認すると背景画像のみ表示されません。 <BODY>タグ内の文字は正常に表示されます。 どうしたら良いでしょうか？ <STYLE type="text/css"> <!-- table#base { background-image: url("img/bg.jpg"); background-repeat:no-repeat; background-position: center center; } --> </STYLE> 宜しくお願いします。
- ベストアンサー
- HTML
