http://betawww.helpcurenow.org/about/financial-accountability/
Я использую дизайн, который соединяется, много 1 пкс подчеркнуло штриховой линией границы. Я заметил что-то нечетное в Firefox. Обычно Firefox представляет все (*almost), как я ожидал бы и хотел бы видеть его. Однако со штриховыми границами, появляется при использовании двух штриховых границ, которые являются друг близко к другу, они неправильно выравниваются.
То, что я имею в виду, у меня есть несколько объектов, которые имеют, говорят, что нижняя граница на 1 пкс, нижнее поле на 2 пкс и затем следующий объект имеют верхнюю границу на 1 пкс - в основном создание эффекта двойной границы.
Когда просмотр сказал эффекты в Safari, Chrome и IE, "двойная штриховая граница" эффект выглядит большой. Однако в Firefox, они подчеркнули штриховой линией строки, приводят в порядок не строку (никакая предназначенная игра слов).
Я уверен, что это - просто незначительный сбой относительно того, как рендеринг Firefox подчеркнул штриховой линией границы, но я хотел получить некоторое понимание относительно того, почему, если кто-либо знает.
Вы будете видеть эффект в моих двух URIs выше. Первое имеет поле боковой панели где направляющееся использование этот эффект. Второе (наш блог) использует этот эффект на всем протяжении, но наиболее заметно Вы будете видеть с каждым заголовком сообщения, подпись ниже использует эффект также.
Что касается части вопроса "почему?", то здесь есть довольно простое объяснение: w3c не определяет, как рисовать границу, поэтому каждый браузер пишет свою независимую реализацию. Алгоритм Firefox, похоже, рисует границу по кругу, в отличие от симметричного шаблона WebKit:
┌─ ─ ─ ─ ─ ─ ─ ─ ┐ ┌ ─ ─ ─ ─ ─ ─ ─ ─ ┐
| ↓ ↓ ↓
| | | |
| | | |
↑ | | |
└ ─ ─ ─ ─ ─ ─ ─ ─┘ └ ─ ─ ─ ─ ─ ─ ─ ─ ┘
Firefox WebKit
Вы заметите, что Internet Explorer рисует границу не так, как Opera/Chrome/Safari. Слева от границы есть небольшой зазор как сверху, так и снизу (хотя это можно исправить с помощью border-collapse
).