Я работаю над тем, чтобы мой сайт совместим не только с хромом, но и с firefox, и это не так хорошо, как я надеялся. Даже с Firefox 9 (который я загрузил сегодня) рекламируются сами по себе как «лучший» браузер, который совместим с большим количеством css-css3 в конкретном, однако были необъяснимые ошибки, возможно, с моей стороны, с некоторыми нерабочими CSS.Почему CSS не работает для Firefox?
Моя первая проблема с градиентами. У меня было два разделителя серого градиента, которые используют один и тот же код градиента, но дают очень разные результаты.
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; в тегах в таблице. он очень хорошо работает в хроме, но в Firefox не появилось никаких дополнений. Есть ли альтернатива для этого, кроме свойств границы, потому что я также использую границы в тегах.
Еще раз спасибо за помощь! Я очень это ценю, потому что эта ошибка прослушивала меня в течение последних двух-двух часов, и я до сих пор ничего не понял.
Не могли бы вы разместить ссылку на свою страницу или сделать тестовый пример на http://jsfiddle.net, чтобы мы могли попытаться воспроизвести его? – BoltClock
Если вы этого еще не видели, вот документ Firefox для линейного градиента: https://developer.mozilla.org/en/CSS/linear-gradient. – jfriend00
На самом деле, я исправил проблему с градиентом. Я заметил, что в моем первом примере он начинается с 0%, затем заканчивается на 100%, поэтому я попробовал это на своем втором, и он сработал. Поэтому я думаю, что firefox очень строг в ориентации кода, а хром - нет. Но мне все еще может понадобиться помощь по проблеме
ответ
Как вы сами выяснили, вы не можете сделать градиент от 100% до% 0, поэтому нужно выполнить градиентные шаги с увеличением процента. (Хотя некоторые браузеры, кажется, чтобы отобразить его, вы должны всегда придерживаться стандартов!)
Что касается
<tr>
, этот тег не принимает атрибут обивка, см http://www.w3schools.com/tags/tag_tr.aspПытаться добиться того, что вы хотите с помощью cellpadding и cellspacing html атрибуты на
<table>
или наложение CSS на<td>
с.источник
2012-01-11 09:04:28 Connum
используйте обновленную ссылку, а не w3schools. https://developer.mozilla.org/en/HTML/Element/tr – anderssonola
Смежные вопросы