Html和CSS如何使带有悬停效果的图像成为超链接

文章/答案/技术大牛

发布

2回答

html、css、wordpress、hyperlink、hover

嗨，所以我是编程新手，我有一个html的基本知识和CSS的更多的基本知识。我一直在尝试为我的wordpress.com网站制作图片，当光标悬停在上面时，这些图片就会变成带有文本的覆盖图。我设法找到了一些我想要的样本，而且我已经很接近了。我唯一不知道怎么做的就是让我的图片也是一个超级链接，因为目前它只有悬停效果。下面是我的

浏览 24提问于2021-04-25得票数 2

回答已采纳

1回答

超链接的悬停状态不会通过点击iOS中的其他位置而消失

ios、css、hover

由于iOS如何处理CSS :hover效果，用户在第一次点击超链接时会得到悬停效果。在他们再次点击它之后，onclick事件就会被触发。但是，如果用户在第一次点击超链接(即出现悬停效应)后决定不使用超链接，则无法通过点击网页上的其他位置使悬停效果消失。同样的问题发生在一个超链接上，它在一个新窗口中打开它的目的

浏览 3提问于2013-04-25得票数 3

回答已采纳

3回答

在css悬停效果上，无法对特定元素选择/应用效果？

html、css、hover、mouseover

我有一个带有div覆盖层的图像。div覆盖出现在悬停状态。同样的悬停，我想要一个动画效果。问题是，动画效果发生在图像和覆盖上，但我不希望动画效果发生在覆盖层上。什么css代码将使动画效果只发生在图像上？因此，在下面的代码中，css正在处理容器映像，但它也发生在额外层的上。如何使</e

浏览 7提问于2019-12-20得票数 0

2回答

将onclick添加到图像标签

html、click、graphical-logo

此行显示我的徽标：如何将可点击的链接添加到此图像？

浏览 4提问于2012-12-06得票数 1

2回答

如何使用java中的swing在jedor窗格中的超链接上添加on悬停效应？

java、html、css、swing、hyperlink

使用链接，我设法在jEditorPane中获得了超链接。MyHTMLEditorKit kit = new MyHTMLEditorKit();StyleSheet css= kit.getStyleSheet(); <

浏览 8提问于2015-11-20得票数 3

回答已采纳

1回答

css动画使图像超链接不再可点击

html、css

我有一个带有超链接的图像，简化后的图像如下所示：我正在尝试使用css为图像创建动画效果，并借助本教程(虽然是为divi主题编写的，但我不使用它)。要添加的样式的一部分是： .button-div:before { position: absolute; /* This is your ripple color0;

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

回答已采纳

1回答

突出显示图像和文本

javascript、jquery、html、css、web-applications

在下面的示例中，我需要显示，当鼠标悬停在图像或文本上时，图像和文本会悬停。我已经做了第一个产品的开发，但我需要在其他工作以及这一点。我该如何实现这一点？悬停应该是单独的，而不是为每个元素提供单独的ids。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.0 Transitional//EN&q

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

3回答

悬停边框时更改文本颜色-底部

css、menu、hover、border、stylesheet

我有这个代码，请注意这个小提琴：当你将鼠标悬停在单词上时，文本颜色会变成白色--这正是我想要的。但是，当悬停在20px的底部边框上时，文本颜色不会变为白色。只需将鼠标悬停在边框底部并检查即可。如何使文本颜色在您悬停底部时也变为白色？我当前在ul#secondary-menu a:hover { color: #FFFFFF;}上有悬停设置

浏览 7提问于2012-08-11得票数 0

回答已采纳

1回答

使用jQuery后台位置插件的条件菜单鼠标输出

jquery、jquery-plugins、menu、css

目前，我有一个带有以下HTML标记的无序列表的下拉行水平菜单： <ul> <li><a class="tier1" href="#">Top Link太长，无法粘贴在这里，但它遵循的结构与我多年来一直使用的 -唯一的区别是，我的子菜单列表项目，我有显示“内联”，他们的宽度设置为“

浏览 3提问于2010-07-06得票数 1

回答已采纳

3回答

css3选择器问题:悬停效应另一个元素

css、css-selectors

我试图在页面的一个元素上有一个悬停效果，这种效果发生在一个不是悬停元素的图像上。一些html<div id="container"></div>width:100%;

浏览 2提问于2013-11-14得票数 1

回答已采纳

4回答

css3/Jquery动画/过渡/:如何让图像垂直移动和返回？

javascript、jquery、html、css

我想在我的图像中做这个效果(按钮)如果我将使用悬停属性，我如何使图像在滚动时滑动并返回

浏览 7提问于2011-03-10得票数 1

回答已采纳

2回答

onMouseOver on <tr>不覆盖带有背景色的单元格

html、css、hover

我希望在整个行上应用onMouseOver效果行。CSS: background-color: #FFEEC2; border-style: solid; cursor: default;HTML : <tr onClick="javascriptprint.gif" width="1

浏览 1提问于2013-03-22得票数 0

1回答

旋转滑块的图像悬停CSS

css、wordpress、image、hover、revolution-slider

作为示例，我使用此处的原始演示：。在“公文包”标签上，你会看到带有过渡的缩小的图片，当你将鼠标悬停在它们上面时，图片看起来会变暗一点。这也是我想要的，但我不知道怎么做。在旋转滑块，你可以添加类，ID的和CSS到特定的图像，所以我可能需要一个CSS代码，使这成为可能。我已经尝试了几个我在网上找到的代码，但它们都没有起到作用，因为

浏览 2提问于2016-08-03得票数 0

回答已采纳

5回答

如何从CSS中消除悬停效果？

html、css、class

我目前有一个文本作为超链接，并在这方面的一些CSS代码正在被应用。由于悬停的原因，文本得到下划线，字体在悬停事件上变得粗体。但现在我要做的是删除超链接，并应用同样的效果，由bydefault，即不是在悬停。简而言之，我想应用当前在悬停上应用的样式，而不需要悬停文本。我的HTML和css代码如下

浏览 3提问于2013-09-27得票数 5

回答已采纳

1回答

如何为超链接图片添加悬停效果？

html、css、hyperlink、hover

我创建了带有图片的社交媒体hyperlicks (社交媒体图标)，并希望为这些图片添加一个不起作用的悬停效果。我试图添加悬停效果的图像，这是在超链接标签。href="youtube.com/channel"> <img class="yt" src="images/yt.png"> </a>

浏览 26提问于2020-02-24得票数 0

回答已采纳

1回答

为Drupal frontpage创建“图像块”的正确方法

drupal、drupal-7

我创建了一个带有“面板”的布局来替换我的首页，我对如何填充不同的窗格有一些疑问。我的第一种方法(我想错了)是将这2幅图像上传到drupal站点，使用CSS创建一个自定义的完整HTML块，并使用css后台/ img显示图像，并在悬停情况下使用jQuery在2幅图像之间淡出。我的意思是，整个块都是纯css

浏览 3提问于2014-01-07得票数 1

回答已采纳

2回答

视差css背景图像略有移动

html、image、css、parallax

我有来自background-url的背景图像和我的视差作品为图像当我写：background-attachment: fixed;这就是我现在滚动的内容：这就是我滚动时想要的：

浏览 3提问于2016-11-20得票数 4

回答已采纳

3回答

在应用圆形CSS边界和不透明效果时，图像不正确显示。

html、css

我找不到一个已经存在的问题来回答以下问题：我已经添加了一个300 x 300像素平方png-一个圆的图像到我的网站。我正在使用Zurb的基金会5.0.2作为一个CSS网格基础。我想创建一个CSS边框周围的圆圈，并添加一个不透明效果，使图像是完全可见的，当你用鼠标悬停在它上面。周围的CSS-边界和背景不应受到这

浏览 5提问于2013-11-28得票数 3

回答已采纳

2回答

悬停不透明度和标头问题

html、css、hover、opacity

我希望我的网站有同样的效果，这个网站有：这就是我未能在CSS和Html中重新创建的效果，使用标题和悬停不透明度。在我的尝试中，标题变得不透明，而不是像在那个站点上那样突出。我也不知道如何使标题出现并在悬停时消失。这是。

浏览 2提问于2014-05-08得票数 0

回答已采纳

点击加载更多