2012-01-11 2 views
2

Я работаю над тем, чтобы мой сайт совместим не только с хромом, но и с firefox, и это не так хорошо, как я надеялся. Даже с Firefox 9 (который я загрузил сегодня) рекламируются сами по себе как «лучший» браузер, который совместим с большим количеством css-css3 в конкретном, однако были необъяснимые ошибки, возможно, с моей стороны, с некоторыми нерабочими CSS.Почему CSS не работает для Firefox?

Моя первая проблема с градиентами. У меня было два разделителя серого градиента, которые используют один и тот же код градиента, но дают очень разные результаты.

  1. background-image: -moz-linear-gradient(bottom, rgb(58,58,58) 0%, rgb(85,85,85) 100%); был один, который действительно работал.

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

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

+1

Не могли бы вы разместить ссылку на свою страницу или сделать тестовый пример на http://jsfiddle.net, чтобы мы могли попытаться воспроизвести его? – BoltClock

+1

Если вы этого еще не видели, вот документ Firefox для линейного градиента: https://developer.mozilla.org/en/CSS/linear-gradient. – jfriend00

+0

На самом деле, я исправил проблему с градиентом. Я заметил, что в моем первом примере он начинается с 0%, затем заканчивается на 100%, поэтому я попробовал это на своем втором, и он сработал. Поэтому я думаю, что firefox очень строг в ориентации кода, а хром - нет. Но мне все еще может понадобиться помощь по проблеме . – Ninjiangstar

ответ

2

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

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

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

+0

используйте обновленную ссылку, а не w3schools. https://developer.mozilla.org/en/HTML/Element/tr – anderssonola

Смежные вопросы