Вход | Регистрация
 
1С:Предприятие :: 1С:Предприятие 8 общая

1c+http+css выпадающий список

1c+http+css выпадающий список
Я
   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>
 
 
   DrWatson
 
1 - 01.11.19 - 11:18
Попробуй в заголовке
<meta http-equiv='X-UA-Compatible' content='IE=Edge'>
Хитрость в том, что по-умолчанию Поле HTML работает в режиме совместимости с IE 7 или 8.
Так было до WebKit.
   ttk
 
2 - 01.11.19 - 11:37
(1) Спасибо тебе добрый Человек
все работает
   sitex
 
3 - 01.11.19 - 12:05
(2) И готовься к WebKit.

Список тем форума
Рекламное место пустует  Рекламное место пустует
ВНИМАНИЕ! Если вы потеряли окно ввода сообщения, нажмите Ctrl-F5 или Ctrl-R или кнопку "Обновить" в браузере.