Автор Тема: Не отображается документ в браузере  (Прочитано 1976 раз)

25 Апрель, 2016, 18:19:54

Оффлайн revo1.6

  • Школьник
  • *
  • Сообщений: 2
  • Репутация: 0
  • OS: Windows 7/Server 2008 R2 Windows 7/Server 2008 R2
  • Browser: Chrome 49.0.2623.112 Chrome 49.0.2623.112
    • Просмотр профиля
Здравствуйте,хотел сделать эффект дверей,как показано в
http://www.webmasters.by/articles/html-coding/757-create-hover-effects-using-css-multiple-backgrounds.html?showall=1&limitstart=
вставил в css
 
.circles {
 float: left;
 height: 200px;
 width: 200px;
 background-color: #eee;
 margin: 0 50px 50px 0;
 
 /*Создаем круг*/
 -webkit-border-radius: 100px;
 -moz-border-radius: 100px;
 border-radius: 100px;
}

#slidingDoors {
 /*применяем фоновые изображения*/
 background-image: url('wood.jpg'), url('wood.jpg'), url('car.jpg');
 background-repeat: no-repeat;
 
 /*позиционируем фоновые изображения*/
 background-position: -100px 0px, 100px 0px, 0px 0px;
 
 /*Параметры переходов*/
 -webkit-transition: all 1s ease-in-out;
 -moz-transition: all 1s ease-in-out;
 -o-transition: all 1s ease-in-out;
 -ms-transition: all 1s ease-in-out;
 transition: all 1s ease-in-out;
}
 #slidingDoors:hover {
 background-position: -200px 0px, 200px 0px, 0px 0px;
}


в html
<html><head>
<title></title>
<link type="text/css" rel="stylesheet" href="1.css">
</head>
<body>
<div id="slidingDoors" class="circle">
</div>
</body>
</html>
Все файлы в 1 папке,как результат - пустой экран.Пробовал в браузерах опера и гугл хром одно и тоже.В чем ошибка?
Если вставляю какую либо картинку,она находится вообще отдельно от эффекта,так же при наличия эффекта(изобоажение wood) не пропадает,при смещении.
« Последнее редактирование: 25 Апрель, 2016, 18:49:08 от revo1.6 »

Форум вебмастеров - Webmasters.BY


25 Апрель, 2016, 19:57:59
Ответ #1

Оффлайн Diver

  • Administrator
  • Гуру форума
  • *****
  • Сообщений: 4900
  • Репутация: 112
  • Шииикарно!
  • OS: Windows NT 10.0 Windows NT 10.0
  • Browser: Firefox 45.0 Firefox 45.0
    • Просмотр профиля
может пути указаны не правильно к файлам?

25 Апрель, 2016, 20:03:04
Ответ #2

Оффлайн revo1.6

  • Школьник
  • *
  • Сообщений: 2
  • Репутация: 0
  • OS: Windows 7/Server 2008 R2 Windows 7/Server 2008 R2
  • Browser: Chrome 49.0.2623.112 Chrome 49.0.2623.112
    • Просмотр профиля
все правильно,говорю же,все в 1 папке
перекопировал раз 10 коды,все проверил,вроде как все правильно,уже в голову нечего не лезет. Мб у себя проверите,если пойдет у вас,то значит легче код в ручную написать мне будет ;D