Попытка установить непрозрачность 1px линии

Question

Я пытаюсь сделать следующее:

border-bottom: 1px solid #00b4f5; 

Когда я добавляю opacity: .8; к 1px линии, он применяет его ко всей #name{}, а также.

Мне нужна только 1px-линия, чтобы иметь прозрачность.

Answer 1

Если вы установите opacity это будет влиять на весь элемент, в то время как с помощью rgba() будет применяться к конкретной недвижимости вы установите его.

В rgb, #00b4f5 равна rgb(0, 180, 245), так и с opacity: .8 ваш код будет:

.element { 
    border-bottom: 1px solid rgba(0, 180, 245, .8); 
} 

---

Примечание:Here хороший сайт, чтобы использовать для сделайте свой hex2rgb conve в будущем.

Answer 2

Использование rgba(255,0,0,0.8) когда цвет вашей границы

div { 
    border-bottom: 1px solid rgba(255,0,0,0.8); 
    background-clip: padding-box;    /* add if the element have a background */ 
}