Как сделать кнопку прозрачной?

Question

[Гриша Никольский]

Привет. Есть следующий код:

HTML

<div class="container">
   <button class="mobile-button"><i class="fa fa-bars"></i></button>
div>

CSS

.mobile-button {
	border: medium none;
	background-image: none; 
	background: transparent;
	float: left;
	background-color: transparent;
}

.mobile-button i {
	font-size: 30px;
}

Нужно сделать кнопку прозрачной так, чтобы иконка была полностью видна. Сейчас кнопка имеет следующий вид.
Подключен bootstrap и JQUERY. Работаю с WordPress (если вдруг это поможет). Стили подключены уже после BootStrap.

Comments

[Андрей]

код не соответствует скриншоту

[Гриша Никольский]

Андрей: я сам не понимаю в чем проблема. Но какой код у меня написан, такой я и выложил, как кнопка отображается, такую и заскринил.

[trushka]

Какая иконка? У вас в приведенном коде никакой иконки нету

[Гриша Никольский]

trushka: есть. Подключены Font AWESOME Icons. Но я уже разобрался в проблеме.

Answer 1

[Gagi_Astvats]

В css добавляешь атрибут:
background-color: rgba(28,28,28,0). Цвет может быть любым, не обязательно 28,28,28. Главное чтоб в конце стоял ноль. Это значит полная прозрачность.
З.Ы. Понимаю, что ответ уже не нужен. Но мало ли кто зайдет ¯\_(ツ)_/¯

Comments

[arturvetrov]

Спасибо, помог)

[iadarch]

Большое вам спасибо! Сейчас попробую ;)

[skyblast]

отДуши)

[Halcolivan]

Спасибо!

[alexto13]

Спасибо большое!