Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/3: Рейтинг темы: голосов - 3, средняя оценка - 5.00
Briolin
51 / 55 / 11
Регистрация: 13.11.2014
Сообщений: 883
#1

Наложить div на другой

31.10.2015, 19:33. Просмотров 630. Ответов 2
Метки нет (Все метки)

Здарова. Прошу вашей помощи. Нужно наложить слой "див" на другой. На страничке мной созданной есть треугольник, и нужно на него наложить второй. Как на картинке. Как это сделать?
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
<style type="text/css">
 
#triplediv {
width:0;
height:0;
border-left: 200px solid white;
border-right: 200px solid white;
border-bottom: 300px solid blue;
border-top: 0;
}
</style>
 
<div id="triplediv"></div>
</html>

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

0
Миниатюры
Наложить div на другой  
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
31.10.2015, 19:33
Ответы с готовыми решениями:

Как наложить один DIV на другой DIV (чтобы он был по центру)
Попытаюсь сформулировать свой вопрос (сразу говорю в начале посмотрите на...

На "главный" div наложить другой с навигацией
Здравствуйте! Столкнулся с проблемой наложения div'ов друг на друга. Нужно на...

Как наложить div на div?
Скажите пожалуйста как наложить div на div, например первый div у меня главный...

Нужно поместить div под другой div(position:absolute)
Допустим у нас есть DIV 100 на 100 PX с абсолютным позиционированием, и есть...

Как сделать чтобы фон у div залезал на другой div
При больших разрешениях 1920px на сайте http://gazetakuponov.ru фон разных...

2
Vadim_Lasso
431 / 350 / 259
Регистрация: 29.11.2011
Сообщений: 627
31.10.2015, 20:01 #2
Briolin, https://jsfiddle.net/ujbvmh9q/
HTML5
1
2
3
4
<div class="container">
   <div class="triplediv"></div>
   <div class="triplediv2"></div>
</div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
.container {
   position: relative;
}
 
.triplediv {
   position: absolute;
   width: 0;
   height: 0;
   border-left: 200px solid white;
   border-right: 200px solid white;
   border-bottom: 300px solid blue;
   border-top: 0;
}
 
.triplediv2 {
   position: absolute;
   width: 0;
   height: 0;
   border-left: 200px solid rgba(0,0,0,0);
   border-right: 200px solid rgba(0,0,0,0);
   border-bottom: 300px solid red;
   border-top: 0;
   -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   transform: rotate(90deg);
}
0
Briolin
51 / 55 / 11
Регистрация: 13.11.2014
Сообщений: 883
31.10.2015, 20:18  [ТС] #3
Vadim_Lasso, а как их поместить по центру страницы?
1
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
31.10.2015, 20:18

Как засунуть 4 блока div в другой div
Есть футер, надо в него засунуть 4 дива, 100% высоты, 3 из них 23% ширины, 4й...

Содержимое DIV выезжает на другой DIV
Суть в том что у меня блок leftBlock наезжает footer, как избавиться от этого?...

Как наложить через z-index две картинки точно одна над другой?
Как наложить через z-index две картинки точно одна над другой? Обязательно:...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru