Кнопки теперь под прозрачностью?

0

С этими кнопками у меня были проблемы целый день. Во-первых, обе кнопки были на вершине друг друга, выглядя так: http://i.imgur.com/wVmntpQ.jpg, а теперь после отправки здесь вопросов о том, что делать, похоже, что это сейчас, http://imgur.com/OmXDQct Мне сказали изменить в моем css из этого:

CSS: кнопка {
плыть налево; Запас-топ: 250px; белый цвет; display: block; margin: 30px; прокладка: 7px 35px; шрифт: 300 150% langdon; фон: прозрачный; граница: 3px сплошной белый; курсор: указатель; }

  button:hover {
  background: black;
  border: 1px solid black;
  }

  button:active {
  background: #2e2e2e;
  border: 1px solid black;
  color: white;
  }
  • 2
    Нам нужен код для работы с мат ...
  • 0
    код там сейчас
Показать ещё 8 комментариев
Теги:

2 ответа

0
Лучший ответ

Я думаю, вам просто нужно добавить position:relative div который содержит кнопки, так что сделайте так:

HTML

<div style="position: relative;">
    GO ROAM</br>
    START HERE.
    <button>SIGN UP</button>
    <button>LOG IN</button>
</div>

Надеюсь, что это поможет вам...

Поделиться
  • 0
    Ничего не изменилось..
  • 0
    @ user3430532, поэтому вы должны удалить знак принятого ответа из этого ответа ..
0

Хорошо, вот рабочий код jsfiddle. Я удалил абсолютный путь с кнопок и добавил display: inline-block; так что теперь они рядом друг с другом. Я также добавил объявление top: 250px в top: 250px.

button {
  color:white;
  display: inline-block;
  margin: 30px;
  padding: 7px 35px;
  font: 300 150% langdon;
  background: transparent;
  border: 3px solid white;
  cursor: pointer;

} 

button:hover {
  background: black;
  border: 1px solid black;
}

button:active {
  background: #2e2e2e;
  border: 1px solid black;
  color: white;
}
Поделиться
  • 0
    мой z-индекс 9999
  • 0
    Покажите нам HTML! Если у вас есть оболочка для кнопок, вы можете установить ее в position: relative и высокий z-index , это может решить проблему.
Показать ещё 6 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню