-
0 votesanswersviews
CSS：在悬停状态下重新定位元素但保持可点击区域位置
我正在尝试创建一个按钮的效果，该按钮在翻转时从页面“抬起” . 使用CSS，我有一个块样式 <a> 元素，当它悬停时，将自己重新定位到左 5px ，并留下阴影： a { display: inline-block; position: relative; } a:hover { top: -5px; left: -5px; box-shadow... -
0 votesanswersviews
IE9 - 位置：相对;悬停问题
我有点难以解释所以我在这里提供了一个有效的例子：http://jsfiddle.net/CVPhW/2/我尽可能地剥离了它但是我把所有包含 div 的内容留在那里以防它们在某种程度上相关 . 尝试将光标悬停在每个按钮的最底部，除非您将光标向上移动10个像素，否则您将看到悬停不会激活 . 它在FF，Chrome中运行良好，不管你信不信，甚至IE6 . 这与应用于 #menucontainer ul ... -
2 votesanswersviews
CSS - 将鼠标悬停在li元素上时执行转换（下拉菜单）
我正在制作一个这样的主页：http://jsbin.com/umaguc/1/，我正在处理下拉菜单 . 现在我想要的是产生如下效果：http://www.script-tutorials.com/demos/249/index.html;我有一个div id="lavalamp" ，它有宽度，高度和背景颜色（看起来像一个矩形）;当 #nav ul li #nav ul l... -
0 votesanswersviews
在父母悬停时显示孩子，而不是在父母或子女悬停上显示
我创建了一个简单的下拉菜单，只要我将鼠标悬停在父列表项“服务”上，它就可以缩放和淡入 . 除了当我将鼠标悬停在子元素（下拉菜单）上时，所有内容都可以正常工作 . 我知道简单地用不透明度隐藏它不会阻止用户将鼠标悬停在它上面但它允许0.4s过渡生效 . 如果我用display：none或visibility：hidden来隐藏它，那么转换就会立即发生 . 我正在考虑使用jQuery来解决这个问题，但是... -
0 votesanswersviews
关于mouseenter / hover的jQuery Accordion显示部分内容
我正在尝试设置一种手风琴，当悬停在上面时，隐藏的内容将部分扩展并显示出来 . 我正在尝试使用jQuery ui手风琴来设置它，但没有太多的运气，有悬停扩展它 . 任何帮助，将不胜感激 . HTML <div id="accordion"> <div class="project-header"> <p class=&q... -
0 votesanswersviews
在鼠标悬停时扩展div . （向左或向右扩展）
这是一个跟进： Expanding Div..... stackoverflow 我想在悬停状态下添加更多内容 . 说'正常'（w：100px，h：100px）有一个50px（w / h）的图像，其中心有一个小的居中 Headers . 'Hover'（w：300px，h：100px）与'Normal'相同，但它可以在图像左侧和字幕或右侧展开，另一侧有更多内容 . 我该怎么做呢？ 哈雷 -
1 votesanswersviews
QML：ScrollView和MouseAreas：在滚动条上未检测到'mouse hover'
我有一个QML应用程序，需要在按下按钮时打开一个对话框 . 当鼠标离开对话框时，必须关闭对话框（没有单击，所以我认为不能使用'弹出'控件） . 为此，当鼠标悬停在我的一个MouseAreas上时，我使用MouseAreas并进行控制 . 我解决了一些问题（参见QML: Problems with mousearea overlapping），但现在我发现了ScrollView的另一个问题（该对话框... -
2 votesanswersviews
我怎么能强制悬停状态？
我有一个文本按钮，其中包含：悬停颜色更改 . 单击该按钮可缩小其所在的div，从而将按钮从单击它的鼠标光标下移出 . 这样做会使按钮处于：悬停状态，因此它不会更改回非悬停颜色 . 有什么方法可以强制按钮退出悬停状态（因为我知道在那一刻肯定不会徘徊）？ jsfiddle示例：http://jsfiddle.net/forgetcolor/vYjMv/6/ p.s . ：我知道在那个jsfiddle例... -
2 votesanswersviews
悬停效果div位置和边框
当我将鼠标悬停在div上时，我想改变div上的几个东西 . 我想让盒子阴影更大，并且将div稍微向上移动到左边，同时不影响围绕这个div的其他div . 到目前为止，这是我的代码 . #divshadow { box-shadow: 2px 2px 10px #888; -moz-box-shadow: 2px 2px 10px #888; -webkit-box-shad... -
118 votesanswersviews
如何防止触摸设备上按钮的粘滞悬停效果
我创建了一个带有前一个和下一个按钮的旋转木马，它们始终可见 . 这些按钮具有悬停状态，它们变为蓝色 . 在触控设备（如iPad）上，悬停状态是粘性的，因此按下按钮后按钮会保持蓝色 . 我不希望这样 . 我可以为每个按钮添加 no-hover 类 ontouchend ，并使我的CSS像这样： button:not(.no-hover):hover { background-color: blu... -
70 votesanswersviews
如何调试CSS / Javascript悬停问题
我经常发现自己想要调试CSS布局问题，这些问题涉及由Javascript引起的DOM更改，以响应悬停事件或由于：hover选择器而应用的不同CSS规则 . 通常情况下，我会使用Firebug检查那些给我带来麻烦的元素，看看它的CSS属性是什么，以及这些属性的来源 . 但是，当涉及悬停时，它变得不可能，因为只要将鼠标移动到Firebug面板，您感兴趣的元素就不再悬停，适用的CSS规则也不同，（在这种... -
333 votesanswersviews
div悬停时如何影响其他元素
我认为这是一个非常基本的问题，但我不确定如何做到这一点 . 我想要做的是当某个 div 被徘徊时，它会影响另一个 div 的属性 . 例如，在this simple example中，当您将鼠标悬停在 #cube 上时，它会更改 background-color ，但我想要的是当我将鼠标悬停在 #container 上时， #cube 会受到影响 . div { outline: 1px so... -
0 votesanswersviews
Bootstrap Tabs悬停修改
我修改了引导选项卡以便在悬停时工作，并进行了一些更改以正确隐藏内容选项卡 . 我希望它作为动态弹出/弹出层运行 . 现在的问题是，当您将鼠标悬停在菜单上时，它不会悬停在任何内容上 . 当我将鼠标悬停在相应的标签上或内容本身上时，我希望它可见 . 我快速更改原始脚本的问题是，当您将Tab保留在左侧（第一个菜单项）或右侧（第三个菜单项）时，它仍会显示内容 . 它在以下jsFiddle中说明： http... -
0 votesanswersviews
带有悬停的Bootstrap标签弹出菜单
我试图创建一个Flyout菜单，其中第二级是用户可以做的东西 . 将其视为产品页面 . 您有3个产品，弹出窗口显示产品的功能和信息 . 在底部可能有一个DownloadNow-Button或其他东西 . 因此，当悬停在相应的标签按钮或弹出按钮本身时，必须显示弹出按钮 . 它应该在任何其他时间自动隐藏 . 必须使用Bootstrap-Tab插件完成 . 粗糙的jsFiddle：http://jsfi... -
0 votesanswersviews
悬停显示下拉菜单但不停留？
我的Navbar有下拉菜单，在下拉菜单显示时完美悬停，但是无法单击菜单上的项目，只要您从主导航中移动光标它就会消失，我尝试添加display：block，z -index ...但问题尚未解决 CSS #ime-nav { position: fixed; width: 100%; z-index: 10000; background:#FF9900; } #ime-nav ul { ... -
0 votesanswersviews
Magento目录图像在悬停时更改
在目录/类别页面上，我想在悬停时更改图像 . 就像clubmonaco.com我知道如何在html / css上做，但不知道magento . 有帮助吗？ -
110 votesanswersviews
禁用移动浏览器上的悬停效果
我'm writing a Web site that' s意味着可以从台式机和平板电脑使用 . 当从桌面访问它时，我希望屏幕的可点击区域以 :hover 效果（不同的背景颜色等）点亮 . 对于平板电脑，'s no mouse, so I don't需要任何悬停效果 . 问题是，当我在平板电脑上点击一些东西时，浏览器显然有某种“隐形鼠标光标”，它移动到我点击的位置，然后将其留在那里 - 所以我刚刚... -
0 votesanswersviews
悬停/翻转文本淡出效果
我想知道如何创建这种效果： http://www.thesartorialist.com/category/men/ （当该网站悬停在图像上时 - 链接/阳离子从侧面滑入，您“输入”照片） . 我想知道的是背景和链接栏如何淡入，然后它如何知道图像的哪一面是你输入的那一面？ 我可以看到有夸张的CSS，它会带来黑色渐变图像叠加但不是更多 . 提前谢谢了.. 亚历克斯 -
0 votesanswersviews
iPhone上的触摸菜单 - 可以通过简单的标记实现，并结合：悬停状态？
今天我推出了一个WordPress博客，花了我很多时间来开发主题 . 现在这是我第一次通过iPhone请求该网站我感到震惊 . 我认为通过编写简单的HTML和样式来实现触摸菜单是一项简单的任务，它利用了：hover-state来显示或不显示它的内容 . 如果您将浏览器切换到移动用户代理并加载this site（使窗口宽度大约为640px），您将看到我的浅蓝色小部件栏 . 将鼠标悬停在其上的图标上将... -
0 votesanswersviews
css悬停在移动与css六角形工作有点儿童车
在我的项目中，我有一个六边形网格（用CSS制作） . 在桌面上，当它们悬停在桌面上时，它们会翻转（因此会改变颜色） . 我希望我的智能手机具有相同的效果 . 我正在使用XAMPP在我的手机（iPhone 5）上进行测试 . 我已经尝试了下面的代码（stackoverflow-link）但是当触摸移动设备上的六角形时，这会产生一些奇怪的错误效果 . 当我从Safari将页面添加到主屏幕时，它的效果更... -
0 votesanswersviews
嵌入在SVG中的动态CSS在<img>标记中使用时不起作用
我有一个非常简单的小SVG . 它显示了一个小灰色点网格，在鼠标悬停时，点变成深灰色，由SVG文件中嵌入的一些CSS触发： <?xml version="1.0" encoding="utf-8"?> <!-- Generated by IcoMoon.io --> <!DOCTYPE svg PUBLIC "-//W... -
-1 votesanswersviews
WooCommerce产品类别悬停效果
有没有办法实现自定义CSS代码，为产品和类别提供“提升”或“提升”的悬停效果，如下例所示： http://preview.themeforest.net/item/jolishop-harmonious-aesthetic-simple-woocommerce-theme/full_screen_preview/19305276 我真的很喜欢它如何抬起，并显示它周围的边界 . 我在我的avada中... -
2 votesanswersviews
Chrome中锚点指针状态的偶然失败
决定关闭： 我已决定关闭此问题，因为它表示目前无法通过较新版本的Google Chrome观察到的行为，并且不再是需要缓解的问题 . 问题： 很长一段时间以来，我一直注意到当鼠标悬停在Chrome中的锚元素上时，光标将保持默认（箭头）状态，而不是切换到指针（手）状态 . 我在Safari中查看网站时没有观察到这种行为，所以我不确定这是一个webkit问题 . 问题： 是什么导致了这个？解决方法... -
1 votesanswersviews
SCSS下拉悬停菜单
我正在开发一个纯SCSS下拉菜单 . 我正在尝试的方法是显示悬停的父母的孩子 . 我正在使用SASS . 请参阅下面的我的标记 . 我在上面评论了一个重要的部分： HTML: <nav class="main-navigation"> <ul> <li class="item"><a href=&... -
0 votesanswersviews
如何将悬停事件添加到嵌套div中？
采用以下HTML结构和CSS <div class="dropdown" onclick="addHover(this)"> <div class="Rtooltip">More Options</div> <button class="table-menu dropdo... -
0 votesanswersviews
导航链接背景在悬停时淡出
我正在一个小型网站上作为我的Web开发类的决赛 . 目前，我正在尝试配置随机背景图像淡入的导航链接，同时用鼠标将鼠标悬停在它们上面 . 我将有一个包含十几个图像的文件夹 . 我一直在努力使这个解决方案适应我想要做的事情： https://sonspring.com/journal/easy-random-css-backgrounds 可以在此处找到链接到 nav ul a:hover 选择器的p... -
183 votesanswersviews
添加没有javascript的悬停文本，就像我们将鼠标悬停在用户的声誉上一样
在stackoverflow中，当我们将鼠标悬停在用户的声誉上时，我们会看到一个文本 . 我在很多地方看过这个，源代码告诉我它可以在没有js的情况下完成 . 我试过并且只得到了这个 - <div="text">hover me</div> -
3 votesanswersviews
使用CSS，如何根据我悬停的单元格更改表格行的背景颜色？
我的网页上有以下代码 . 它迭代列表，创建新单元格，并根据标准将css类分配给新的表格单元格（假设类.raw被分配给某些单元格）： <tr class="${(i % 2) == 0 ? 'odd' : 'even'}"> <g:each in="${params.classProperties}" status="cn... -
1 votesanswersviews
试图让表格行悬停背景颜色与斑马条纹行一起工作
我愿意为IE8做最好的方法 我想为我的 table 交替行颜色（ #fff ， #efefef ）并且还有一个悬停效果，所以背景变为 #D2DEE8 . 我想在CSS中使用 :hover 和 :nth-child(odd) ，但我发现这些方法不适用于IE8 . 我正在使用jQuery进行悬停，但是当我悬停然后离开那一行时，它会消除交替的颜色（目前我正在使用nth-child（奇数）创建） . $... -
1 votesanswersviews
将鼠标悬停在表格中的某一行上时，更改输入框的背景颜色？
编辑：将输入的背景更改为透明修复问题 . 我有一个表，需要将行中输入框的背景颜色更改为与行相同的颜色 . 当我将鼠标悬停在该行上时，它会变为浅蓝色但输入框保持白色，除非您将鼠标悬停在输入框上方 . 如果将鼠标悬停在输入框上，颜色会发生变化，但如果将鼠标悬停在行的任何部分上，我也需要更改颜色 . 任何帮助表示赞赏 . .rowTable是所有行的类 HTML： <td class="...