Heim > Artikel > Web-Frontend > 为什么鼠标滑过效果出不来呢?_html/css_WEB-ITnose
为什么鼠标滑过效果出不来呢?_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:22:151533Durchsuche
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>MyHtml.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> <style type="text/css"> .outer:hover .inner{ display: none; } </style> </head> <body> <div class="outer" > 鼠标滑过这里的时候 <div class="inner">这里为什么当鼠标滑过不隐藏呢？</div> </div> </body></html> 回复讨论(解决方案)
目前不是所有浏览器都支持标签的:hover伪类写法的，如（除标签外）~~~
最好用JS实现隐藏效果咯
目前不是所有浏览器都支持标签的:hover伪类写法的，如（除标签外）~~~
最好用JS实现隐藏效果咯
<script src="JS/jquery-1.7.1.min.js"></script> <script> $(function () { $(".outer").hover(function () { $(this).find(".inner").hide(); }, function () { $(this).find(".inner").show(); }); }); </script> 你是在IE下测试的吧，按F12把文档模式设置成 非Quirks标准就可以了
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：HTML命名+CSS书写顺序_html/css_WEB-ITnoseNächster Artikel：求教这个需求有什么方法可以实现？_html/css_WEB-ITnose