diff options
author | YujiSoftware <yuji.software@gmail.com> | 2021-05-16 22:30:00 +0900 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-05-16 16:30:00 +0300 |
commit | d2c717611f2ab3dc0a25deae3a78cf44aa31a4f2 (patch) | |
tree | bb953ad1f2cf6752372fac3dcae7db4634e2de6f /files/ru/web/css/_colon_hover/index.html | |
parent | 0667721b0999fe6407c1a82888a760ea5d0e2c7d (diff) | |
download | translated-content-d2c717611f2ab3dc0a25deae3a78cf44aa31a4f2.tar.gz translated-content-d2c717611f2ab3dc0a25deae3a78cf44aa31a4f2.tar.bz2 translated-content-d2c717611f2ab3dc0a25deae3a78cf44aa31a4f2.zip |
Migrate CompatibilityTable to Compat macro (lang-ru) (#876)
* Migrate to Compat macro
* Migrate to Compat macro (multiple in page)
* Migrate to Compat macro
* Migrate to Compat macro (removed)
Diffstat (limited to 'files/ru/web/css/_colon_hover/index.html')
-rw-r--r-- | files/ru/web/css/_colon_hover/index.html | 79 |
1 files changed, 1 insertions, 78 deletions
diff --git a/files/ru/web/css/_colon_hover/index.html b/files/ru/web/css/_colon_hover/index.html index f4d6299b00..55dfc51280 100644 --- a/files/ru/web/css/_colon_hover/index.html +++ b/files/ru/web/css/_colon_hover/index.html @@ -114,81 +114,4 @@ div.menu-bar li:hover > ul { <h2 id="Поддержка_браузерами">Поддержка браузерами</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Возможность</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>для <code><a></code> элементов</td> - <td>0.2</td> - <td>{{ CompatGeckoDesktop(1.0) }}</td> - <td>4.0</td> - <td>4.0</td> - <td>2.0.4 (419)<br> - <font size="2"><span style="line-height: 19.5px;">различные ошибки до этой версии</span></font></td> - </tr> - <tr> - <td>для всех элементов</td> - <td>0.2</td> - <td>{{ CompatGeckoDesktop(1.0) }}</td> - <td>7.0</td> - <td>7.0</td> - <td>2.0.4 (419)<br> - <font size="2"><span style="line-height: 19.5px;">различные ошибки до этой версии</span></font></td> - </tr> - <tr> - <td>для псевдоэлементов</td> - <td>{{CompatUnknown}}</td> - <td>{{ CompatGeckoDesktop(28) }}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Возможность</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Базовая поддержка</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<p>В IE8-11, наведя курсор на элемент, прокручивая вверх/вниз, без перемещения курсора, элемент останется в состоянии <code>:hover</code>, пока курсор не передвинут. Смотрите <a href="https://connect.microsoft.com/IE/feedbackdetail/view/926665">IE баг 926665</a>.</p> - -<p>В IE9 (и возможно ранее), если у {{HTMLElement("table")}} есть родитель с {{cssxref("width")}}, установленной не в <code>auto</code> и {{cssxref("overflow-x")}}<code>: auto;</code>, а у {{HTMLElement("table")}} столько контента, что он переполняет родителя по горизонтали, а также есть {{cssxref(":hover")}} стили, установленные на элементы в таблице, то при наведении на указанные элементы будет увеличиваться высота {{HTMLElement("table")}}. <a href="http://jsbin.com/diwiqe">Вот живой пример, которой иллюстрирует этот баг.</a> Один из способов исправления, установление <code>min-height: 0%;</code> на родителя таблицы (должны быть указаны %, <code>0</code> и <code>0px</code> не работают). Баг подняли в <a href="http://bugs.jquery.com/ticket/10854">jQuery ticket #10854</a>, но его закрыли, так как это не ошибка jQuery.</p> - -<p>На Safari Mobile for iOS 7.1.2, нажатие на <a href="/ru/docs/Web/Events/click#Safari_Mobile">кликабельный элемент</a> вызывает переход элемента в состояние <code>:hover</code>, и элемент остаётся в нём, пока другой элемент не войдёт в состояние <code>:hover</code>.</p> - -<p>Смотрите также:</p> - -<ul> - <li><a href="https://code.google.com/p/chromium/issues/detail?id=370155">Chromium баг #370155: Don't make <code>:hover</code> sticky on tap on sites that set a mobile viewport</a></li> - <li><a href="https://code.google.com/p/chromium/issues/detail?id=306581">Chromium баг #306581: Immediately show hover and active states on touch when page isn't scrollable.</a></li> -</ul> +<p>{{Compat("css.selectors.hover")}}</p> |