DIV内に背景画像が表示されない?
-
いつも当フォーラムで勉強させて頂いています。
オリジナルテーマを作っているのですが、単純なところでつまづき、困っています。
DIVタグ内に背景画像を挿入しようと、style.cssに
background-image:url(‘menu_bg.jpg’);を記述して、ブラウザで表示させるのですが、
Fifefox5.0では表示されるのに、IE8.0では表示されません!?
色々と試してみました。さくらレンタルサーバーにwordpress3.2の環境を構築していますが、
このwordpress3.2(www/wordpress/)を抜けて、トップ(www)にファイル群(index.php,style.css,menu_bg.jpg)を移動して表示させると、両方のブラウザで考え通りに表示されます。従って、wordpressでの使用間違いなのか、IE8との・・・
ちなみに、最小化したコーディングを下記に記します!
1.index.php
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”ja” lang=”ja”>
<head>
<meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8″ />
<title></title>
<link rel=”stylesheet” type=”text/css” href=”style.css” />
</head><body>
<div ID=”navi”>あああああああ</div>
いいいいいい
</body>
</html>2.style.css
/*
テーマの記述
*/
#navi {
background-color: #fff000;
background-image:url(‘menu_bg.jpg’);
width:820px;
height:100px;
}
3.menu_bg.jpg 同じディレクトリに配置以上です。単純なところなのですが、どなたか宜しくお願い致します!!
- トピック「DIV内に背景画像が表示されない?」には新たに返信することはできません。