|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
09.09.2017, 00:37 | #1 |
Новичок
Джуниор
Регистрация: 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">©2007-2017 Marev Group                                                        Москва, Рублево-Успенское шоссе, здесь будет адрес </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; } |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Таблица 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 |