diff options
Diffstat (limited to 'files/zh-cn/web/css/_colon_hover/index.html')
-rw-r--r-- | files/zh-cn/web/css/_colon_hover/index.html | 79 |
1 files changed, 1 insertions, 78 deletions
diff --git a/files/zh-cn/web/css/_colon_hover/index.html b/files/zh-cn/web/css/_colon_hover/index.html index a8fa4e40c1..c34a45dbc7 100644 --- a/files/zh-cn/web/css/_colon_hover/index.html +++ b/files/zh-cn/web/css/_colon_hover/index.html @@ -112,81 +112,4 @@ div.menu-bar li:hover > ul { <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>for <code><a></code> elements</td> - <td>0.2</td> - <td>{{ CompatGeckoDesktop(1.0) }}</td> - <td>4.0</td> - <td>4.0</td> - <td>2.0.4 (419)<br> - <span style="font-size: small;">various bugs before</span></td> - </tr> - <tr> - <td>for all elements</td> - <td>0.2</td> - <td>{{ CompatGeckoDesktop(1.0) }}</td> - <td>7.0</td> - <td>7.0</td> - <td>2.0.4 (419)<br> - <span style="font-size: small;">various bugs before</span></td> - </tr> - <tr> - <td>for pseudo-element</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>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<p>在IE8-11中,将鼠标指针悬停于一个元素上上下滚动页面而不移动光标会让元素停留在 {{cssxref(":hover")}} 的状态直到鼠标移动。详见 <a href="https://connect.microsoft.com/IE/feedbackdetail/view/926665">IE bug 926665</a>.</p> - -<p>在IE9(或是更早的版本中),如果如果一个 {{HTMLElement("table")}}元素 有一个 <code>non-auto </code>{{cssxref("width")}} 和 {{cssxref("overflow-x")}}<code>: auto; 的父对象,而且这个</code> {{HTMLElement("table")}}元素有足够多的内容以至于溢出它的父元素,同时表中的元素有 {{cssxref(":hover")}}的样式,那么悬停在其上会使这个{{HTMLElement("table")}}元素的高度增大。这是一个 <a href="http://jsbin.com/diwiqe">显示该错误的demo</a> 。一个避免这个错误的方法是在这个表格的父元素为 <code>min-height: 0%;</code>(必须强调是百分比形式,<code>0</code> 和 <code>0px 都不会起作用)</code><code>。这也是在 </code><a href="http://bugs.jquery.com/ticket/10854">jQuery ticket #10854</a> 提交过的错误,但是并没有被解决,因为这不被认为是 jQuery 的错误。</p> - -<p>至于iOS 7.1.2 中的Safari Mobile,点击一个<a href="/zh-CN/docs/Web/Events/click#Safari_Mobile">可以点击的元素</a>会使这个元素进入{{cssxref(":hover")}}的状态,而这个元素会保持悬停状态直到另一个元素进入{{cssxref(":hover")}}状态。</p> - -<p>另请参见:</p> - -<ul> - <li><a href="https://code.google.com/p/chromium/issues/detail?id=370155">Chromium bug #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 bug #306581: Immediately show hover and active states on touch when page isn't scrollable.</a></li> -</ul> +{{Compat("css.selectors.hover")}} |