aboutsummaryrefslogtreecommitdiff
path: root/files/ru/web/css/_colon_hover/index.html
diff options
context:
space:
mode:
authorYujiSoftware <yuji.software@gmail.com>2021-05-16 22:30:00 +0900
committerGitHub <noreply@github.com>2021-05-16 16:30:00 +0300
commitd2c717611f2ab3dc0a25deae3a78cf44aa31a4f2 (patch)
treebb953ad1f2cf6752372fac3dcae7db4634e2de6f /files/ru/web/css/_colon_hover/index.html
parent0667721b0999fe6407c1a82888a760ea5d0e2c7d (diff)
downloadtranslated-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.html79
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 &gt; 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>&lt;a&gt;</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>