Home > front end >  O bosses help me have a look at why the span label background images show not to come out
O bosses help me have a look at why the span label background images show not to come out

Time:09-18


This part is the HTML
# top {
Background - color: # 333333;
Height: 36 px;
}
# top ul {

}
# top ul li {
float: left;
Border - right: 1 px solid # 3 c423c;
Margin: 5 px 0 0;
Padding: 0 px;
}
# top ul li a {
The font - size: 10 px;
Color: # B0B0B0;
}
# top. SL {
border: none;
}
# top. GWC {
Background - color: # 424242;
Height: 30 px;
margin: 0;
Padding: 5 px 20 px 3 px;
}
# top. GWC span {
display: inline-block;
Height: 20 px;
Width: 20 px;
Vertical - align: middle;
Background - image: url ("../img/gwche. PNG ") no - repeat;
Background - size: cover;
}
This is part of CSS, span label background images show not to come out, but can change the background color shows,

CodePudding user response:

Change the background image - to background or remove the no - repeat, because the background image can't add the no - repeat

CodePudding user response:

Background - the size change the cover to 100%, this picture can be covered

CodePudding user response:

reference 1st floor fizzyfly response:
or change the background image - to background, either remove the no - repeat, because the background image can't add the no - repeat

Right!!!!!

CodePudding user response:

Syntax error
Change background: url ("../img/gwche. PNG ") no - repeat;
What you write is
Background - image: url ("../img/gwche. PNG ") no - repeat;
So this line of code, nullify the

CodePudding user response:

The removed - image
  • Related