1c+http+css выпадающий список
☑
0
ttk
01.11.19
✎
09:54
Есть простейший хтмл со стилями.
При наведении мышки на пункт меню должны раскрываться подпункты
В браузерах все работает четко,
скармливаю этот код в ПолеHTMLдокумента, все перестает работать,
открываю этот код в Файл-новый- html документ, в предпросмотре работает, сохраняю, открываю и все опять ломается.
Может есть какие то хитрости с хтмл в 1с
1С:Предприятие 8.3 (8.3.12.1714)
|<!DOCTYPE html>
|<html>
|<head>
|<!--<link rel=""stylesheet"" href=""mystyle.css"" type=""text/css""/>-->
|<META content=""text/html; charset=utf-8"" http-equiv=Content-Type>
|<META name=GENERATOR content=""MSHTML 11.00.9600.19377""></HEAD>
|</head>
|<style>
|ul {
| list-style-type: none;
| margin: 0;
| padding: 0;
| overflow: hidden;
| background-color: blue;
|}
|/*кнопки навигации слева*/
|li {
| float: left;
|}
|/*настройки отображения верхнего меню*/
|li a {
| display: block;
| color: black;
| text-align: center;
| padding: 14px 16px;
| text-decoration: none;
|}
|/*выделяет элементы при наведени мыши*/
|li a:hover, .dropdown:hover {
| background-color: red;
|}
|li.dropdown {
| display: block;
|}
|/*свойства выпадающего списка*/
|/*видимость = ложь!!!*/
|.dropdown-content {
| display: none;
| position: absolute;
| background-color: #f9f9f9;
| min-width: 160px;
|
|
|}
|/*свойства элемента выпадающего списка*/
|.dropdown-content a {
| color: black;
| padding: 12px 16px;
| text-decoration: none;
| display: block;
| text-align: left;
|}
|/*при наведении курсора на элемент выпадающего списка меняет его фон*/
|.dropdown-content a:hover {
| background-color: #f1f1f1
|}
|/*при наведении курсора отображает выпадющий список*/
|.dropdown:hover .dropdown-content {
| display: block;
|}
|</style>
|
|<body>
|<h1>Менюшки</h1>
|<ul>
| <li><a href=""#"">Главная</a></li>
| <li><a href=""#"">Новости</a></li>
| <li class=""dropdown"">
| <a href=""#""class=""dropbtn"">Выпадающие</a>
| <div class=""dropdown-content"">
| <a href=""#"">Ссылки 1</a>
| <a href=""#"">Ссылки 2</a>
| <a href=""#"">Ссылки 3</a>
| </div>
| </li>
|</ul>
|</body>
|</html>
1
DrWatson
01.11.19
✎
11:18
Попробуй в заголовке
<meta http-equiv='X-UA-Compatible' content='IE=Edge'>
Хитрость в том, что по-умолчанию Поле HTML работает в режиме совместимости с IE 7 или 8.
Так было до WebKit.
2
ttk
01.11.19
✎
11:37
(1) Спасибо тебе добрый Человек
все работает
3
sitex
naïve
01.11.19
✎
12:05
(2) И готовься к WebKit.
Выдавать глобальные идеи — это удовольствие; искать сволочные маленькие ошибки — вот настоящая работа. Фредерик Брукс-младший