html - 徽标图像不显示

Question

我有两个名为 a.html 和 b.html 的 html，文件 achive在这里，徽标图像的 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 已经被具有相同类名“.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;}

即删除最大宽度