Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > Общие вопросы Web
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 09.09.2017, 00:37   #1
Антон1999
Новичок
Джуниор
 
Регистрация: 20.08.2017
Сообщений: 2
По умолчанию Bootstrap проблемы

Здравствуйте,как сделать видео прозрачным, но что бы кнопки работали ?<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>MG-Marev Group</title><!--Название сайта во вкладке-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.." integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7 on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.." integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjdu W9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnC JA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap..." integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnC JA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<header>
<a href="index.html"><div id="logo" class="col-md-offset-2">
</div>
</div>
</a>
<div id="button">
<a href="#"><button type="button" class="btn btn-link col-md-offset-8">Рус</button></a>
<a href="#"><button type="button" class="btn btn-link">Eng</button></a>
</div>
</header>
<div id="nubexDiv" class="overlay">
<video id="nubexVideo" width="100%" height="auto" loop="loop" autoplay="autoplay" preload="auto">
<source src="video/video.mp4"></source>
<source src="nubex.webm" type="video/webm"></source>
</video>
</div>
<div id="description" >
<div class="container-fluid col-md-offset-1">
<h1 class="display-1">Marev Group-занимается</br> строительством загородной</br> недвижемости</h1>
</div>
</div>
<div id="p" >
<p class="col-md-offset-1">На данный момент мы работаем над несклькими проектами</br>наших клиентов.Если вы заинтересованы</br>в сотруднечестве-оставьте заявку и мы свяжемся с вами</p>
</div>
<div id="feedback">
<button type="button" class="btn btn-secondary-outline col-md-offset-2">Отправить заявку</button></br>
</div>
<div id="beta" class="col-md-offset-2">Сайт находится в разработке.</div>

<footer>
<div id="footer" class="col-md-offset-1 hidden-xs hidden-sm col-xs-offset-1">&copy2007-2017 Marev Group &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp Москва, Рублево-Успенское шоссе, здесь будет адрес
</footer>
</body>
</html>
<css>
@charset "UTF-8"
*{
margin: 0;
padding: 0;
border:0;
box-sizing: border-box;
}

body{
width: 100%;
height: 100%;
background-color: #DADBDA;
}
#button button{
margin-top:15px;
text-decoration: none;
color: #FBFBFB;
outline:none;
}

#button button:hover{
text-decoration: none;
color:#000000;
border-radius: 10px;
background-color:white;
}

#button button:focus{
background-color:white;
text-decoration: none;
color: #000000;
border-radius: 10px;
}

#description h1{
letter-spacing: 2px;
font-size: 35px;
font-family:;
margin-top: 10%;
color: #FFFFFF;
}
#logo{
width: 263px;
height: 70px;
background-image: url(../img/logo.png);
margin: 30px;
float: left;
}
#p{
word-spacing: 2px;
font-family: 'Roboto-Light';
margin-left:15px;
font-size:20px;
color:#FFFFFF;
}

#feedback .btn{
width: 200px;
height: 35px;
border-radius: 20px;
border-color: white;
color:white;
}

#feedback .btn:hover{
width: 200px;
height: 35px;
background-color: #E9E9E9;
border-radius: 20px;
border-color: white;
color:white;
}

#beta{
margin-top: 15px;
color: white;
font-size: 20px;
}

footer{
width: 100%;
height: 100px;
box-sizing: border-box;
}

#footer{
margin-top: 225px;
color:white;
float: left;
}
.overlay {width: 100%; height:100%; display:block;}
#nubexDiv {
top: 0; bottom: 0; left: 0; right: 0;
position: fixed;
overflow: hidden;
}
#nubexVideo {
top: 0; left: 0;
position: absolute;
width: auto; height: auto;
min-width: 100%;
min-height: 100%;
}

video {
opacity: .1;
}
Антон1999 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Таблица Bootstrap Budun HTML и CSS 0 12.06.2016 11:18
фреймворк bootstrap orion1212 HTML и CSS 7 16.05.2016 23:29
Верстка bootstrap R_G Фриланс 5 01.10.2015 21:46
Joomla 2.5 + Bootstrap 3 Mick_20 HTML и CSS 0 26.02.2014 14:11
Bootstrap carousel mrgrudge JavaScript, Ajax 1 26.10.2012 12:36