|
Некорректно отображается вид материалов в IE
|
|
| Dagada | Понедельник, 12 Декабря 2016, 15:49 | Сообщение 16 |
| Angerfist, да
| | [ RU ] |
| |
| Angerfist | Понедельник, 12 Декабря 2016, 15:56 | Сообщение 17 |
| dagada3211978, если прозрачность то opacity, я так понял цвет фона шапки оставляем таким же background-color: #507299;:
Код
#header img {display:block;margin:0 auto; opacity: 0.5;}
0 - полная прозрачность, 1 - непрозрачность, если при наведении затемнять то тут применяем hover
No regrets
| | [ RU ] |
| |
| Dagada | Понедельник, 12 Декабря 2016, 16:03 | Сообщение 18 |
|
| Angerfist, ок все понял.Спасибо Добавлено (12.12.2016, 16:03)
---------------------------------------------
Angerfist, а оттенок как поменять чтоб было не синий а как на этом сайте
| | [ RU ] |
| |
| Angerfist | Понедельник, 12 Декабря 2016, 16:03 | Сообщение 19 |
|
| dagada3211978, можно конечно же и так как ты хотел, вписываем вместо opacity: 0.5; так background: rgba(0, 0, 0, 0.5);
И вот напоследок затемнение при наведении курсора, плюс добавил плавности:
Код
#header img:hover {
display:block;
margin:0 auto;
opacity: 0.5;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
No regrets
| | [ RU ] |
| |
| Angerfist | Понедельник, 12 Декабря 2016, 16:09 | Сообщение 20 |
|
| dagada3211978, оттенок тоже картинки? или фона? покороче код выглядит всё таки так:
Код
background: rgba(0, 0, 0, 0.5);
находишь нужный цвет в rgba таблице цветов, трёхзначный, тут мы видим 0, 0, 0 это чёрный, а далее степень прозрачности, и подбираешь... например так:
Код
#header img {display:block;margin:0 auto; background: rgba(70, 130, 180, 0.5);}
No regrets
| | [ RU ] |
| |
| Dagada | Понедельник, 12 Декабря 2016, 16:16 | Сообщение 21 |
|
| Angerfist, background: rgba(0, 0, 0, 0.5);ставлю ничего не происходит Добавлено (12.12.2016, 16:16)
---------------------------------------------
Angerfist, все спасибки. 
| | [ RU ] |
| |
| Angerfist | Понедельник, 12 Декабря 2016, 16:23 | Сообщение 22 |
|
| я чот затупил, правильней будет так:
Код #header img {display:block; margin:0 auto; background-color: rgba(70, 130, 180); opacity:0.5;}
No regrets
Сообщение отредактировал
Angerfist - Понедельник, 12 Декабря 2016, 16:35 | | [ RU ] |
| |
| Dagada | Понедельник, 12 Декабря 2016, 16:55 | Сообщение 23 |
|
| Angerfist, работает только так #header img {display:block; margin:0 auto;opacity:0.5;}.Цвет меняется здесь background-color: #507299;..Как вы мне писали #header img {display:block; margin:0 auto; background-color: rgba(70, 130, 180); opacity:0.5;} не получается
| | [ RU ] |
| |
| Angerfist | Понедельник, 12 Декабря 2016, 17:32 | Сообщение 24 |
|
| dagada3211978, всё работает
Код
#header img {display:block; margin:0 auto; background-color: rgba(70, 130, 180); opacity:0.35;}
#header{
width: 100%;
height:auto ;
background-color:#000000;
margin-bottom: 0px;
position:relative;
}
</style>
кстати в коде не там закрыт блок, по сути он должен быть тут перед
Код <div id="header"><img src="http://kldou24.ucoz.ru/images/0_1203e8_c421fa73_orig.png"></div>
Почему то кто то решил закрыть div подальше от тега ниже, вообщем как я понял кто-то сильно хотел любым методом приклеить меню к шапке и даже firefox подсветил два закрывающих бездомных дива.
No regrets
Сообщение отредактировал
Angerfist - Понедельник, 12 Декабря 2016, 17:39 | | [ RU ] |
| |
|
Что понравится ставил.Я далекий...