Я работаю над тем, чтобы сделать мой веб-сайт совместимым не только с Chrome, но и с Firefox, и это оказалось не так хорошо, как я надеялся.Даже с Firefox 9 (который я скачал сегодня), который рекламировался как «лучший» браузер, совместимый с большим количеством css --- css3 в частности, однако были необъяснимые ошибки, вероятно, с моей стороны, с некоторыми нерабочимиcss.
Моя первая проблема с градиентами.У меня было два делителя градиента серого, которые используют один и тот же код градиента, но дают очень разные результаты.
background-image: -moz-linear-gradient(bottom, rgb(58,58,58) 0%, rgb(85,85,85) 100%);
был тем, который действительно работал.
background-image: -moz-linear-gradient(bottom, rgb(42,42,42) 100%, rgb(25,25,25) 0%);
однако, не сделал.На самом деле это вообще ничего не показывало.Я поставил первый в этом, чтобы проверить, работает ли он, и он сделал, но этот конкретно не будет.
Используя Firebug, он изменил мою строку кода на: background-image: -moz-linear-gradient(center bottom , #2A2A2A 100%, #191919 0%);
Так была ли ошибка, которую я где-то допустил?Потому что я не вижу разницы между примером 1 и 2.
Моя вторая ошибка не CSS3, а добавление отступов: 20px;в тегах в таблице.он очень хорошо работает в Chrome, но в Firefox не обнаружено никаких отступов.Есть ли альтернатива этому, кроме свойств границы, потому что я также использую границы в тегах.
Еще раз спасибо за помощь!Я очень ценю это, потому что эта ошибка беспокоила меня последние час или два, и я до сих пор ничего не понял.