如何根据CSS隐藏徽标

时间:2015-03-12 21:50:40

标签: html css

我有一个带有2个徽标的Web表单,我需要根据将要使用的CSS文件显示其中一个,例如,如果我使用名为company1.css的css文件显示logo1并以相同的方式公司2

有什么想法可以做到这一点?

感谢您的帮助

2 个答案:

答案 0 :(得分:2)

我现在回到了我的电脑,因此我将此帖子编辑为更合适的格式。 使用徽标作为div的背景,给div一个固定的高度和宽度。 在CSS文件中添加如下内容:

 .divclassname {
height: 150px;
width: 150px;
Background:url(someimage.jpg); 
Background-size: cover;
}

标记:

<div class="divclassname"></div>

答案 1 :(得分:0)

在您的company1.css文件中:

.logo1 {display: block;}
.logo2 {display: none;}

在您的company2.css文件中:

.logo1 {display: none;}
.logo2 {display: block;}