Я использую background-position, и он отлично работает в Chrome, но в Firefox и IE он не работает должным образом.background-position не работает в Firefox/IE
.badge {
background: url(badge.png) no-repeat;
background-position: 0px 1px;
display: inline-block;
color: #9e988e;
font-size: 12px;
padding-left: 15px;
Что я буду использовать, чтобы сделать его таким же во всех браузерах?
Internet Explorer делает это с background-position-x или background-position-y. Firefox не поддерживает это.
Итак, какова альтернатива, чтобы она работала на всех? – user3187469
Вы можете написать 'background-position: 0px 1px; background-position-x: 0px; background-position-y: 1px; ' –
сегодня столкнулся с подобной проблемой.
Это может показаться немного странным, но попробуйте добавить это в свой стиль.
Пример background-position-x: 54%; background-position-y: 10%;
Вы, возможно, придется возиться с точным положением, но большинство браузеров принимают его.
это не поддерживается Firefox – user3187469
Очень верно. Вот почему вы должны добавить его в свой код. – Michael
Вы покинули центр, который является фоном, и ваше фоновое положение избавляется от того или иного. – Cam
@Cam удаление левого центра не помогло. Он все еще не отображает то же самое. – user3187469
Это похоже на работу в Firefox и Chrome для меня: http://cssdesk.com/KzEMC –