Почему некоторые CSS не работают для Firefox? - PullRequest
3 голосов
/ 11 января 2012

Я работаю над тем, чтобы сделать мой веб-сайт совместимым не только с 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 не обнаружено никаких отступов.Есть ли альтернатива этому, кроме свойств границы, потому что я также использую границы в тегах.

Еще раз спасибо за помощь!Я очень ценю это, потому что эта ошибка беспокоила меня последние час или два, и я до сих пор ничего не понял.

1 Ответ

2 голосов
/ 11 января 2012

Как вы узнали сами, вы не можете сделать градиент от 100% до% 0, поэтому шаги градиента должны быть упорядочены с увеличением процента.(даже если некоторые браузеры, кажется, отображают его, вы всегда должны соблюдать стандарты!)

Что касается <tr>, этот тег не принимает атрибут заполнения, см. http://www.w3schools.com/tags/tag_tr.asp

Попробуйте достичь желаемого с помощью атрибутов html cellpadding и cellspacing в <table> или CSS-заполнителя в <td> s.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...