Question

我有两个名为a.html和b.html的html，文件achive是here，徽标图片的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使它工作？任何帮助将不胜感激！

Answer 1

问题是，在您的文件a.html上，您没有包含'bootstrap.min.css'。 b.html页面上的类.container已经被bootstrap上的样式占用了，它具有相同的类名“.container”。因此，请更改您的班级名称，或者添加新的特定样式，例如：#header .container

Answer 2

在你的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;}

即删除最大宽度

徽标图像不显示

2 个答案: