Отрицательные поля: могут ли они работать в IE7 и IE8?

Question

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

Отрицательное поле работает в FF, но в IE нет радости?

<p>a multiline title here<p><p style="margin: -7px 0px 10px 0px;">-----------------------------------------------------------------------------</p>

Answer 1

Лучше использовать border-bottom из 1px dashed black.Это позволяет достичь желаемого эффекта и работает во всех браузерах, начиная с IE6 и выше, и вам не нужно беспокоиться о ширине (или, по крайней мере, можете управлять им, используя только CSS).Например,

<p style="border-bottom: 1px dashed black;">a multiline title here</p>

(и предпочтительно преобразовать стиль в класс CSS)

Answer 2

ок исправили, я уменьшил высоту строки на моем теге ------

, высота строки действует как верхнее поле ...

спасибо, ребята

Answer 3

Ну, во-первых, я считаю, что у вас есть некоторые стили, которые вы не показываете, так как элемент p по умолчанию имеет некоторое нижнее поле.

Однако у вас есть противоречивый стиль с нижним полем -7px и нижним полем 10px. Если вы удалите 10px, он будет двигаться вверх в IE7,8

Сделать это у меня работает:

<p>a multiline title here<p><p style="margin: -7px 0px 0px 0px;">-----------------------------------------------------------------------------</p>

Answer 4

дисплей: блок может исправить это, но вам может понадобиться использовать div или span, потому что IE не обрабатывает 'p' так же, как ff