Позиционирование фонового изображения CSS работает по-разному в Firefox

Question

Позиционирование фонового изображения CSS работает по-разному в Firefox

0

Я использую изображение как нижнюю строку ячейки таблицы.

 background-position: -14px bottom !important;

Вышеприведенный код отлично работает для фонового позиционирования изображения во всех браузерах, кроме Mozila.

Поэтому я изменил код ниже:

background-position: -14px 0!important;

Он также отлично работает во всех браузерах, но в Firefox он дает 1px пробел bottom.

В чем разница между кодом как bottom и 0px????

Пожалуйста, советую мне, как преодолеть эту проблему, чтобы скрыть bottom 1px разрыв в bottom 1px?

Naju 06 янв. 2014, в 11:41

Источник

4

Можем ли мы иметь демо?
Mr. Alien 06 янв. 2014, в 09:44
0

Пытались использовать сброс CSS для начала?
Aaron Lee 06 янв. 2014, в 09:50

Теги:

html

css

css3

2 ответа

2

Насколько мне известно, нет никакой существенной разницы между 0px и снизу, они оба говорят, что изображение сидит в нижней части div, однако я уверен, что проблема связана с таблицей стилей пользователя Firefox.

Попробуйте поместить сброс css перед остальной частью вашего CSS, это, как правило, устраняет большинство проблем с помощью проблем с таблицами таблиц с разными браузерами.

http://meyerweb.com/eric/tools/css/reset/

Aaron Lee 06 янв. 2014, в 07:31

Ещё вопросы

Пытались использовать сброс CSS для начала?

Paramasivan · Accepted Answer · 2014-01-06T07-41-00.000Z

Попробуй использовать

table { 
border-spacing:0;  /*  'cellspacing' equivalent  */
border-collapse:collapse;
}

table td, table th
{
padding: 0; /* 'cellpadding' equivalent */
}

table, th, td
{
border:0;
}