Html 标志图像不';t显示

Html 标志图像不';t显示,html,css,firefox,Html,Css,Firefox,我有两个名为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-log

我有两个名为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使其工作?任何帮助都将不胜感激

问题是,在文件a.html中,没有包含“bootstrap.min.css”。b.html页面上的class.container已被具有相同类名“.container”的引导样式所采用。因此,请更改您的类名或添加新的特定样式,例如:bootstrap.min.css第10行中的#header.container

img{max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
把这个换成

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

即删除最大宽度

创建一个提琴或发布您的网页链接,您的文章中的链接将指向该链接。使用a.html和b.html的代码编辑您的帖子。