Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / before перекрывает ссылку / 3 сообщений из 3, страница 1 из 1
01.11.2016, 01:23
    #39338387
astalavistabest
astalavistabest
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
before перекрывает ссылку
Есть код:
Код: 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, 08:38
    #39338469
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
before перекрывает ссылку
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, 13:17
    #39338800
astalavistabest
astalavistabest
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
before перекрывает ссылку
krvsa,

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


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