如何修改CSS使logo的三份图片不重叠

发布网友发布时间：2022-04-26 08:44

我来回答

共4个回答

热心网友时间：2022-06-26 00:30

将tdlogo1设置为width:20%,float分别是left，left，right，这样在ie8中我测试了不会遮挡住。

效果如图

.tdlogo {

float:left;

background-image:url("img/logo.gif");

background-repeat: no-repeat;

height: 102px;

width: 40%;

}

.tdlogo1 {

float:left;

background-image:url("img/logo1.gif");

background-repeat: repeat-x;

padding-top:1px;

height: 102px;

width:20%;

}

.tdlogo2 {

float:right;

background-image:url("img/logo2.gif");

background-repeat: no-repeat;

height:102px ;

width: 40%;

}

热心网友时间：2022-06-26 00:30

我不知道你的图片多大，我假设为100像数。
.tdlogo {
background-image:url("img/logo.gif");
background-repeat: no-repeat;
height: 102px;
width: 100px;
float:left;
}
.tdlogo1 {
background-image:url("img/logo1.gif");
background-repeat: repeat-x;
padding-top:1px;
height: 120px;
width: 100px;
float:left;

}
.tdlogo2 {
background-image:url("img/logo2.gif");
background-repeat: no-repeat;
height:102px ;
width: 100px;
float:left;
}
这样就固定好了，不会有变化的了追问不行,还是会被盖住

追答如果你没有其他的CSS只用这种方法的，一定是三个图片排起来的，你自己写的如果没有其他的CSS重复了的，不可能能有覆盖的问题的，因为你三个CSS出来的效果是上中下三张图片的，你检查一下其他的ＣＳＳ吧

热心网友时间：2022-06-26 00:31

设置固定的 width应该不会的

热心网友时间：2022-06-26 00:31

干嘛不在PS里直接把这3个LOGO做成一个文件呢？追问logo是用三张图片logo,logo1,logo2拼成的,用来实现自适应窗口