Internet ExplorerとFirefoxでCSSのフォーマットに奇妙な問題があります。ナビゲーションバーの場合は、背景画像付きで列に表示したいいくつかの画像があります。これを達成するために、私はページ上に背景イメージを配置し、各イメージリンクを保持するdivを作成し、CSSを使用して各イメージをフォーマットしました。 Safariでうまく動作しますが、IEやFirefoxでは、画像は背景画像に合わせるために必要なサイズに拡大されません。IEとFirefoxでのCSS画像のスケーリング
私のページから関連するCSSはここにある:しかし、FirefoxとIEで、
<div class="nav_background_home"><img src="nav_background.png" width=100% />
<div class="nav_items">
<img src="nav_items/set_design.png" class="nav_item" height=100% />
<img src="nav_items/company_report.png" class="nav_item" height=100% style="height:4.1%;"/>
<img src="nav_items/prompt_pages.png" class="nav_item" height=100% />
<img src="nav_items/characters.png" class="nav_item" height=100% />
<img src="nav_items/costumes.png" height=100% class="nav_item" style="margin-bottom:2%;" />
<img src="nav_items/video.png" height=100% class="nav_item" style="height:4.1%;" />
</div>
これはSafariで完璧に動作します:
.nav_background_home{
width:17%;
position:absolute;
left:56%;
top:31%;
z-index:100;}
.nav_background_home .nav_items{
position:absolute;
top:8%;
z-index:150;}
img.nav_item{
margin-bottom:3.75%;
height:4.4%;
margin-left:7%;}
は、私は、HTMLのすべてを追加しました画像は拡大縮小することができません。私はすでにHTMLから "height = 100%"を削除しようとしましたが、何も変更されません。サイトがある場合は、http://gilmannews.com/rishi/sandbox.html。
ありがとうございます!
正確に問題は何ですか?どのようなものに収まるべきでしょうか? – DanMan