Установка фонового изображения & lt; hr & gt;, кросс-браузерных проблем? [Дубликат]
Было опубликовано много хороших ответов, но я хотел бы добавить еще один.
Не все числа могут быть представлены с помощью float / double. Например, будет представлено число «0,2» как «0.200000003» в одинарной точности в стандарте по плавающей точке IEEE754.
Модель для хранения действительных чисел под капотом представляет собой число с плавающей запятой в качестве
Хотя вы можете легко ввести 0.2, FLT_RADIX и DBL_RADIX равно 2; не 10 для компьютера с FPU, который использует «Стандарт IEEE для двоичной арифметики с плавающей запятой (ISO / IEEE Std 754-1985)».
. Точно так же трудно точно представлять такие числа. Даже если вы укажете эту переменную явно без какого-либо промежуточного вычисления.
4 ответа
Замените это:
border-bottom: 4px solid #469551;
следующим:
border: 4px solid #469551;
Удалена граница по умолчанию <hr> и использует высоту и фон
hr {
background: #469551;
width: 30%;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px !important;
height: 4px;
border:none;
}
Пример: https://jsfiddle.net/Lc7gym88/1/
по умолчанию, тэг <hr> принимает границу, так что вам нужна первая граница нуля. затем добавьте проверку высоты моей демонстрации
Это потому, что <hr/> имеет границу (по крайней мере, в FireFox, поскольку <hr/> имеет стиль, зависящий от браузера).
Сначала удалите границу.
hr {
border: none;
border-bottom: 4px solid #469551;
width: 30%;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px !important;
height: 0;
}
body {
background-color: black;
}<br/>
<hr/>