Перестала работать горизонтальная линия через заголовок заголовка

Question

Перестала работать горизонтальная линия через заголовок заголовка

0

Раньше у меня были горизонтальные линии по обе стороны заголовков заголовков, однако теперь он перестает работать, и строка отображается поверх текста, пожалуйста, помогите! Код, который я использовал для этого и работал абсолютно нормально, ниже;

h6.two span {
background: #fff;
padding: 0 5px;
position: relative;
z-index: 5;
font-size: 14px;
font-weight: 500;   
}

h6.two+p {
border-top: solid 1px black;
padding-top: 12px;
margin-top: -12px;
}

Здесь можно увидеть проблему

Student 20 сен. 2013, в 23:14

Источник

Теги:

html

css

2 ответа

Ещё вопросы

Chad · Answer 1 · 2013-09-20T17-37-00.000Z

1

Не совсем уверен, что изменилось для вас, но то, как я это сделаю (с большей определенностью в отношении селекторов, конечно), будет:

h6 {
    background: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
}

Таким образом, вы можете установить блок с твердым фоном, который всегда существует поверх строки.

Chad 20 сен. 2013, в 17:37

0

Я только что отредактировал его с вашим предложением, но не уверен, правильно ли я это сделал, он не работает - h6.two span {background: #fff; display: inline-block; position: относительный; z-index: 1; padding: 0 5px; размер шрифта: 14 пикселей; вес шрифта: 500; } h6.two + p {border-top: сплошной 1px черный; padding-top: 12px; margin-top: -12px; }
Student 20 сен. 2013, в 20:38
0

Кто-то помог мне сделать это раньше, поэтому мои знания ограничены, не могли бы вы объяснить немного больше о том, как я мог бы использовать ваш метод?
Student 20 сен. 2013, в 20:46
0

Элементы уровня блока будут заполнять ширину родительских элементов и позволять изменять размер (высота, ширина, отступы). Элементы inline-block действуют во многом таким же образом, за исключением того, что они являются только шириной их содержимого при инициализации. Итак, представьте физический блок, который стоит за вашим текстом. Оттуда вы добавляете цвет фона. Z-index поместит его поверх ближайших родственников, то есть тега p . Z-индекс, однако, невозможен без position (относительный, абсолютный, фиксированный).
Chad 20 сен. 2013, в 20:53
0

Очень полезно, спасибо, но я пытался реализовать это, но это не работает. Итак, из того, что я понимаю, мне не нужно использовать + p и span?
Student 20 сен. 2013, в 21:01
0

Я бы посоветовал инкапсулировать span и ap внутри тега h6, да. Попробуйте это: jsfiddle.net/uLtAH
Chad 20 сен. 2013, в 21:28
0

Да, промежуток был проблемой, спасибо !!
Student 20 сен. 2013, в 22:16

Показать ещё 4 комментария

Student · Answer 2 · 2013-09-20T19-46-00.000Z

Причина, по которой моя работа перестала работать, заключалась в том, что я пошел редактировать домашнюю страницу в визуальном режиме, и теги span автоматически удалялись.