Почему мой фон при наведении меняется - PullRequest
Новая
       18

Почему мой фон при наведении меняется

1 голос
/ 28 февраля 2011

Я делаю несколько вкладок, используя фоновое изображение в качестве фона состояния при наведении.Единственный, который выглядит хорошо, это "День".Я предполагаю, потому что это только 3 символа, а остальные вкладки - 4 символа.Есть ли способ сделать так, чтобы фон парения был сосредоточен на всех них?Вот css для списка. 

    li {
    font: 9pt "Helvetica Neue", Helvetica, Arial, "Trebuchet MS", Trebuchet, serif;
    margin-top: .192333333em;
    float: right;
    height: 19px;
    width: 40px;
    margin-left: 10px;
    display: inline-block;
    margin: 7px;
}
li.current {
    background: url('img/red-current-bg.png') no-repeat;
    line-height: 1.6em;
}

ul#tabnav { 
    margin: 0;
}

ul#tabnav li a {
    text-shadow: 0 1px #800000;
    text-decoration: none;
    padding: 8px 11px;
    line-height: 1.6em;
}

ul#tabnav li:hover {
    background: url('img/red-current-bg.png') 0 0 no-repeat;
}

1 Ответ

1 голос
/ 28 февраля 2011

Можно ли просто отрегулировать горизонтальное положение фона, чтобы отрегулировать пиксели или отцентрировать изображение? 

ul#tabnav li:hover {
  background: url('img/red-current-bg.png') 3px 0 no-repeat;
}
                            or
ul#tabnav li:hover {
  background: url('img/red-current-bg.png') center top no-repeat;
}
...