ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / before перекрывает ссылку
3 сообщений из 3, страница 1 из 1
before перекрывает ссылку
    #39338387
astalavistabest
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
astalavistabest
Гость
Есть код:
Код: html
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.
29.
30.
31.
32.
33.
34.
35.
<!DOCTYPE html>
<html>
<head>

<style>
.class_before {
  position: relative;
  z-index: -1;
}
.class_before:before {
    content: '';
    position: absolute;
    z-index: -2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(#002f4b,#dc4225);
    opacity: .6; 
  }
</style>
</head>
<body>

    <div class="class_before"  style="background-image: url('http://wallpapershome.ru/images/wallpapers/more-1920x1080-okean-voda-rassvet-zakat-solnce-luchi-siniy-601.jpg'); background-size: cover; min-height: 100%;">
      <div style="text-align: center; padding: 50px; vertical-align: middle;">
        <div >текст</div>
 
        <div >
          <a href="#">Ссылка </a>
        </div>
      </div>
    </div>
</body>
</html>


Before переркрыл ссылку. "Игра" с z-index ни к чему не привела. Помогите советом, направьте в нужно русло. Спасибо.
...
Рейтинг: 0 / 0
01.11.2016, 01:23
| Ответить | Цитировать | Написать  
before перекрывает ссылку
    #39338469
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
astalavistabestBefore переркрыл ссылку.
Оно?
Код: html
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.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
.class_before {
	position: relative;
	background-image: url('http://wallpapershome.ru/images/wallpapers/more-1920x1080-okean-voda-rassvet-zakat-solnce-luchi-siniy-601.jpg'); 
	background-size: cover; 
	min-height: 100%;
}
.class_before:before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(#002f4b,#dc4225);
	opacity: .6; 
}
.class_before > div {
	position: relative;
	z-index: 2;
	text-align: center; 
	padding: 50px; 
	vertical-align: middle;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
    <div class="class_before">
		<div>
			<div style='color: #FFFFFF;'>текст</div>
			<div>
				<a href="#" style='color: #FFFFFF;'>Ссылка </a>
			</div>
		</div>
    </div>
</body>
</html>
...
Рейтинг: 0 / 0
01.11.2016, 08:38
| Ответить | Цитировать | Написать  
before перекрывает ссылку
    #39338800
astalavistabest
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
astalavistabest
Гость
krvsa,

Да, спасибо.
...
Рейтинг: 0 / 0
01.11.2016, 13:17
| Ответить | Цитировать | Написать  
3 сообщений из 3, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / before перекрывает ссылку
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]