Почему Firefox представляет подчеркнутые штриховой линией границы, неправильно выровненные друг от друга?

http://betawww.helpcurenow.org/about/financial-accountability/

http://blog.helpcurenow.org/

Я использую дизайн, который соединяется, много 1 пкс подчеркнуло штриховой линией границы. Я заметил что-то нечетное в Firefox. Обычно Firefox представляет все (*almost), как я ожидал бы и хотел бы видеть его. Однако со штриховыми границами, появляется при использовании двух штриховых границ, которые являются друг близко к другу, они неправильно выравниваются.

То, что я имею в виду, у меня есть несколько объектов, которые имеют, говорят, что нижняя граница на 1 пкс, нижнее поле на 2 пкс и затем следующий объект имеют верхнюю границу на 1 пкс - в основном создание эффекта двойной границы.

Когда просмотр сказал эффекты в Safari, Chrome и IE, "двойная штриховая граница" эффект выглядит большой. Однако в Firefox, они подчеркнули штриховой линией строки, приводят в порядок не строку (никакая предназначенная игра слов).

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

Вы будете видеть эффект в моих двух URIs выше. Первое имеет поле боковой панели где направляющееся использование этот эффект. Второе (наш блог) использует этот эффект на всем протяжении, но наиболее заметно Вы будете видеть с каждым заголовком сообщения, подпись ниже использует эффект также.

10
задан skaffman 10 October 2010 в 07:07
поделиться

1 ответ

Что касается части вопроса "почему?", то здесь есть довольно простое объяснение: w3c не определяет, как рисовать границу, поэтому каждый браузер пишет свою независимую реализацию. Алгоритм Firefox, похоже, рисует границу по кругу, в отличие от симметричного шаблона WebKit:

┌─ ─ ─ ─ ─ ─ ─ ─ ┐    ┌ ─ ─ ─ ─ ─ ─ ─ ─ ┐
|                ↓    ↓                 ↓
|                |    |                 |
|                |    |                 |
↑                |    |                 |
└ ─ ─ ─ ─ ─ ─ ─ ─┘    └ ─ ─ ─ ─ ─ ─ ─ ─ ┘
     Firefox                WebKit

Вы заметите, что Internet Explorer рисует границу не так, как Opera/Chrome/Safari. Слева от границы есть небольшой зазор как сверху, так и снизу (хотя это можно исправить с помощью border-collapse).

12
ответ дан 4 December 2019 в 00:23
поделиться
Другие вопросы по тегам:

Похожие вопросы: