可视化悬停 [英] Visualize on hover

问题描述

尝试让一些图像在悬停（工作）时消失，其他人在悬停时显示

（无效）。


在经过测试的浏览器中[* ]，这给出了预期的结果：

IMG.disappear {visibility：visible}

IMG.disappear：hover {visibility：hidden}


这不是：

IMG.appear {visibility：hidden}

IMG.appear：hover {visibility：visible}


图像被隐藏但没有出现在悬停中。


当然完全不重要，但令人沮丧的是要问我是不是
做错了。逻辑上是否可以将鼠标悬停在隐藏的图像上？我可以看到显示：无，但不是

可见性：隐藏。


测试用例在< http：//santek.no- ip.org/~st/tests/CSS/visibility.html>


[*] Mozilla 1.7，Safari，Opera 7.5.4


-

Sander Tekelenburg，< http://www.euronet.nl/%7Etekelenb/>

解决方案

<在qu.infosystems中的blockquote> www.authoring.stylesheets ，Sander Tekelenburg写道：

尝试使一些图像在悬停（工作）时消失，其他图像在悬停时显示
（不起作用）。
IMG.appear：悬停{visibility：visible}

图像被隐藏但不会在悬停时出现。

当然绝对不重要，但令人沮丧问我是不是做错了什么。逻辑是否不能将鼠标悬停在隐藏的图像上？我可以看到显示：无，但不是为了
可见性：隐藏。

不知道。尝试将图像包装到div或span并说出

div img.appear：hover {...}


-

Lauri Raittila< http://www.iki.fi/lr> < http://www.iki.fi/zwak/fonts>

Uzytkownik" Lauri Raittila" < LA *** @ raittila.cjb.net> napisal w wiadomosci

新闻：MP ************************ @ news.individual.ne t ...

。 www.authoring.stylesheets ，Sander Tekelenburg写道：

试图让一些图像在悬停（工作）时消失，其他图像在悬停时显示
（无效）。

IMG.appear：悬停{visibility：visible}

图像被隐藏但不会出现在悬停中。

当然绝对不重要，但令人沮丧的问我是否''
做错了什么。逻辑是否不能将鼠标悬停在隐藏的图像上？我可以看到显示：无，但不是为了
可见性：隐藏。

不知道。尝试将图像包装到div或span并说出
div img.appear：hover {...}

我认为

div.wrapper img {...}

div.wrapper：hover img {...}

应该工作


-

pawel [dot] knapik [at] gmail [dot] com
www.csslayouts.net //版本beta

在comp.infosystems中的

。 www.authoring.stylesheets ，vatore写道：

Uzytkownik" Lauri Raittila" < LA *** @ raittila.cjb.net> napisal w wiadomosci

尝试将图片包装到div或span并说
div img.appear：hover {...}

我认为
div .wrapper img {...}
div.wrapper：hover img {...}
应该工作

是的，那是什么我冥了......

-

Lauri Raittila< http://www.iki.fi/lr> < http://www.iki.fi/zwak/fonts>

Trying to make some images disappear on hover (works), and others appear
on hover (works not).

In tested browsers[*], this gives the expected result:
IMG.disappear {visibility: visible}
IMG.disappear:hover {visibility: hidden}

this does not:
IMG.appear {visibility: hidden}
IMG.appear:hover {visibility: visible}

The image is hidden but does not appear on hover.

Utterly unimportant of course, but frustrating enough to ask if I''m
doing something wrong. Would the logic be that one cannot hover over a
hidden image? I can see that for display:none, but not for
visibility:hidden.

Test-case at <http://santek.no-ip.org/~st/tests/CSS/visibility.html>

[*] Mozilla 1.7, Safari, Opera 7.5.4

--
Sander Tekelenburg, <http://www.euronet.nl/%7Etekelenb/>

解决方案

in comp.infosystems.www.authoring.stylesheets, Sander Tekelenburg wrote:

Trying to make some images disappear on hover (works), and others appear
on hover (works not). IMG.appear:hover {visibility: visible}

The image is hidden but does not appear on hover.

Utterly unimportant of course, but frustrating enough to ask if I''m
doing something wrong. Would the logic be that one cannot hover over a
hidden image? I can see that for display:none, but not for
visibility:hidden.

Don''t know. Try wrapping image to div or span and say
div img.appear:hover {...}

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>

Uzytkownik "Lauri Raittila" <la***@raittila.cjb.net> napisal w wiadomosci
news:MP************************@news.individual.ne t...

in comp.infosystems.www.authoring.stylesheets, Sander Tekelenburg wrote:

Trying to make some images disappear on hover (works), and others appear
on hover (works not).

IMG.appear:hover {visibility: visible}

The image is hidden but does not appear on hover.

Utterly unimportant of course, but frustrating enough to ask if I''m
doing something wrong. Would the logic be that one cannot hover over a
hidden image? I can see that for display:none, but not for
visibility:hidden.

Don''t know. Try wrapping image to div or span and say
div img.appear:hover {...}

I think
div.wrapper img { ... }
div.wrapper:hover img { ... }
should work

--
pawel[dot]knapik[at]gmail[dot]com
www.csslayouts.net //version beta

in comp.infosystems.www.authoring.stylesheets, vatore wrote:

Uzytkownik "Lauri Raittila" <la***@raittila.cjb.net> napisal w wiadomosci

Try wrapping image to div or span and say
div img.appear:hover {...}

I think
div.wrapper img { ... }
div.wrapper:hover img { ... }
should work

Yes, that was what I meaned...
--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>

这篇关于可视化悬停的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！