Css、Safari :悬停和子可见性

文章/答案/技术大牛

发布

1回答

css、safari、hover、children

我对Safari有一个问题。我的页面显示了一个带有一些控件的视频播放器，当鼠标移到播放器上时，这些控件将变为可见(visibility: visible)。这个“效果”是通过一个在Safari下失败的简单CSS规则来实现的。 <div class="player"> <!在Safari中，当父对象为:hover (或:fullscreen)时，如何更改某些子对象的可见性？谢谢

浏览 34提问于2020-04-10得票数 0

回答已采纳

1回答

如果其中一个下拉框变得足够大，需要展开浏览器窗口，那么它就不会展开Safari窗口。这在internet explorer和firefox中都能很好地工作。我已经尝试了几种css设置，但似乎想不出解决方案。任何建议都将不胜感激。下面是将子菜单放到页面上时的原始css：display:none;margin-left:5px;width: 140px然后我有了在悬停时触发的javascript： #menu

浏览 5提问于2013-06-07得票数 0

回答已采纳

1回答

只有当我快速使用鼠标时，CSS才能在当前版本的Safari中工作

html、css、menubar、iweb

我有一个我正在工作的网站的CSS菜单。我已经对它进行了调整，使其在Firefox、Chrome和旧版本的Safari上完全可以执行我想要的操作。然而，在最新版本的Safari (Lion上的6.0.2)中，发生了一些奇怪的事情。如果我让页面完全加载，然后将鼠标悬停在菜单上，菜单功能将不起作用。但是，如果我在页面加载时将鼠标悬停在菜单上，它就可以正常工作！这快把我逼疯了，直到我弄清楚其中的模式。好吧，我想还是快把我逼疯了。这个错误的行为似乎只影响最新的Safari，我不知

浏览 4提问于2013-02-10得票数 0

回答已采纳

1回答

safari css链接不起作用

css、safari、hyperlink、html

</ul> li元素有一个图像作为背景，悬停时会发生变化。我不想在容器中显示文本，因此它具有可见性:隐藏。有趣的是，在IE和FF中，你仍然可以点击链接，但在safari中，只有鼠标悬停才起作用，但你不能点击链接。更改span容器的可见性会使单击链接成为可能。现在的问题是如何更改css代码，使其行为像IE和FF？我不想显示文本，但我确实希望能够单击菜单-啊！

浏览 0提问于2011-09-14得票数 1

回答已采纳

1回答

WP子菜单不会使下拉菜单

wordpress

在我的网站中有一个带有子菜单的菜单(右侧)，但是当我在菜单项上悬停时，子菜单不会出现，而是出现在代码中。给我点建议

浏览 1提问于2014-10-12得票数 0

回答已采纳

2回答

CSS替代style=的“显示:无”

css、drop-down-menu、menu、css-animations

我试图在菜单和子菜单上有一个淡出动画，但它只在第一个。我使用的是一个转换:所有0.3s都简化了0；可见性:隐藏；边距顶部：-10 0px；导航上的 >div> ul > li > ul和边距-顶部:0 0px；不透明度:1；可见性:可见；与悬停。看起来CSS不能在显示:无；显示:块之间动画；我不知道如何替换显示:无；下面是显示在最后一个子菜单上的：none和no动画，这里是带有可见性的：隐藏

浏览 3提问于2016-08-03得票数 1

回答已采纳

1回答

只有在离开菜单包装时才触发鼠标保存

jquery、mouseleave、mouseout

我有一个非常基本的导航和两个主要的菜单项。 $("#s2").css("display","none"); if(menu == "second") {$("#s1").<

浏览 5提问于2015-02-25得票数 0

2回答

是否可以在可见性隐藏元素上动画slideDown？

javascript、jquery、html、css

我试图使SlideDown或替代nav的效果成为默认的visibilty:hidden，而我现在所做的是这样的：它的工作很好，但我有更多的子菜单，我希望有一个效果，当徘徊在主菜单之间滑行和向上的子菜单。

浏览 6提问于2015-01-29得票数 2

回答已采纳

2回答

css下拉菜单在内容后面消失

css、drop-down-menu

在这个页面上，我使用的是here 的下拉菜单，但是正如你所看到的，这个菜单一离开#navbar div就消失了。

浏览 0提问于2013-01-18得票数 0

回答已采纳

1回答

CSS - Drop Line菜单问题

css

我似乎不能得到正确的css定位，以至于当用户将鼠标悬停在有子类别的类别上时，会出现一个带有链接的新行。我有很多子分类，大约有六层深，只是为了让你知道。这是我的CSS。

浏览 0提问于2011-07-13得票数 0

回答已采纳

4回答

防止手柄在拖动时消失

javascript、jquery、jquery-ui

我使用jquery和jQuery ui可拖动。我有一个把手出现在悬停，用来拖动一个div。它工作得很好，除非它被拖得很快。悬停似乎被停用，手柄消失在拖动的中间。我怎样才能防止这种形式的发生？hover(function(){ }); 顺便说一句我在用SafariCSS唯一解决方案：

浏览 4提问于2012-04-17得票数 2

回答已采纳

1回答

在jQuery中添加类在IE9中不起作用

jquery、css、menu、drop-down-menu

我正在尝试设置菜单的样式，以便在悬停时，没有子菜单的菜单项看起来是单向的，而有子菜单的菜单项看起来是不同的。我有以下jQuery $('.menu li').has('ul').addClass('submenu');我已经在我的CSS主菜单项在悬停时获得4个圆角边框，而具有子菜单的主菜单项在悬停时仅获得上圆角边框。这在火狐、Chro

浏览 1提问于2011-09-26得票数 1

1回答

隐藏正确的菜单导航条-反应

reactjs、nav

我试图编写一个react组件来呈现一个菜单，但是我只需要使用CSS来控制可见性，但是我有一个无法解决的问题。我用类菜单在元素上设置了一个悬停，然后它将名为wrapSubMenu的子菜单设置为visible，但它正在设置所有菜单的子菜单。我假装只是在菜单的第一个wrapSubMenu上这样做。

浏览 3提问于2022-08-06得票数 0

1回答

为什么文本不显示在iPhone上

html、iphone、ios、slider

在我网站上的一个滑块上，出于某种原因，iPhone用户报告说，主滑块(皇家滑块)中的文本无法显示。我已经在多个在线模拟器中对它进行了测试(但它们可能只是限制了大小，而不是使用iPhones渲染引擎)，并且还没有重复这个问题。你知道为什么吗？这是url

浏览 0提问于2013-06-26得票数 0

回答已采纳

1回答

Safari中的CSS转换问题

javascript、css、safari、cross-browser、webkit

这在safari中失败了。在chrome，opera和firefox中测试正常。**password:passwordAlex**div(1)->class .contentUser

浏览 0提问于2015-02-21得票数 0

1回答

Ubermenu子菜单不显示Chrome/Safari

javascript、jquery、wordpress

网站地址：有没有人想过为什么？最新版本的wordpress和uber

浏览 4提问于2015-07-22得票数 0

1回答

：Safari中的悬停不要“悬停”

css、macos、safari、hover

在Safari上，在具有固定位置的子节点打开之后，CSS :悬停仍然处于活动状态，然后在父节点之外关闭。在MacOS上的Safari7.0.1上进行了测试，它也应该出现在iOS上。它至少在Chrome 32、火狐27、IE9和IE10上都能正常工作。here to close</div> <div class="popup" ng-show="sho

浏览 4提问于2014-02-12得票数 4

1回答

Drupal菜单上的悬停问题

html、css、drupal、menu

我有一个菜单，当用户悬停菜单时，子菜单就会出现。只是，当您没有悬停文本时，子菜单就会消失。更复杂的是，它只发生在Safari en Chrome (我猜是webkit引擎)中，而且它并不总是这样做:)我猜这是个css问题，但是谁知道去哪里找呢？

浏览 0提问于2011-04-26得票数 0

回答已采纳

1回答

是否有一种方法可以观察CSS本身所做的属性更改并通过jQuery/JS作出反应？

javascript、jquery、html、css

问题在于，我通过CSS本身改变了可见性。因此，我有以下情况： .....<div id="child">Test</div><input id="MyInputToFocusOn"/> 在CSS on :悬停在容器上时，子容器变得可见。如果没有悬停，那么子节点就变得不可见(相

浏览 1提问于2015-04-27得票数 1

回答已采纳

2回答

使用GWT在滚动条和下一个面板上的右侧溢出

css、gwt、hover、overflow、visibility

我有一个GWT应用程序，它有一个左侧的可滚动导航面板和一个目录树。我希望能够保持面板狭窄的滚动条在底部(我有)，但显示整个文件名悬停，溢出的垂直滚动条和下一个面板。我可以通过在悬停时覆盖一个带有全名的小div来做到这一点，但这看起来有点笨拙，而且容易出现细微的视觉错误。我尝试过修改可见性、包装和z-index，但都没有效果。我是否可以通过调整相关项目的CSS参数或其他不那么复杂的方式来实现这一点呢？ IntelliJ以正确的方式做到了这一点，但它们不在

浏览 1提问于2011-05-25得票数 0

点击加载更多