Показать сообщение отдельно
  #5 (permalink)  
Старый 06.12.2016, 14:38
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

j0hnik,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .slider {
    width: 100px;
    height: 200px;
    background-image:  url(http://images.vectorhq.com/images/previews/013/christmas-tree-psd-413028.png);
    background-size:   100px 200px;
    background-repeat: no-repeat;
  }

  .r:checked ~ .slider{
    background-image:  url(http://file.mobilmusic.ru/11/54/a5/952948-400.jpg);
  }
  </style>


</head>

<body>
  <input name="r" type="radio" checked="checked">
  <input name="r" type="radio" class="r">
  <div class="slider"></div>

</body>
</html>
Ответить с цитированием