0

a.html と b.html という名前の 2 つの html があります。ファイル アーカイブはこちら、ロゴ画像の css はこちらです。

.mylogo{
float:left;
position:relative;
padding:9px 0 0 0;
zoom:1;  /* some effect*/
}

.mylogo img{
position:absolute;
top:10px; /* distance between parent element*/
left:0;}   /* set margin*/

.gets-logo-4x{float:left;}

b.html にいくつかの css ファイル (その他の省略された要素用) を追加した後、b.html のロゴ画像が firefox で表示できません (chrome で動作します)。mystyle.css のみを変更して機能させるにはどうすればよいですか? どんな助けでも大歓迎です！

4

2 に答える 2

0

bootstrap.min.cssの10行目

img{max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}

これをに変更します

img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}

つまり、最大幅を削除します

于 2012-11-28T08:57:03.273 に答える
0

問題は、ファイル a.html に「bootstrap.min.css」が含まれていないことです。b.html ページのクラス .container は、同じクラス名 '.container' を持つブートストラップのスタイルによって既に取得されています。クラス名を変更するか、新しい特定のスタイルを追加できます。例: #header .container

于 2012-11-28T08:03:36.763 に答える