如何添加svg图像，使其在悬停时突出显示
要添加svg图像并使其在悬停时突出显示，可以按照以下步骤进行操作：
- 在HTML文件中，使用
<svg>标签来添加svg图像。可以通过直接在HTML文件中编写svg代码，或者将svg图像保存为独立的svg文件并使用<img>标签引入。 - 在svg代码中，使用
<style>标签定义样式。可以使用CSS属性来设置图像的颜色、填充、边框等样式。 - 为了使图像在悬停时突出显示，可以使用CSS的伪类选择器
:hover来定义悬停时的样式。在:hover选择器中，可以设置图像的颜色、填充、边框等样式的变化。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<style>
.svg-image {
fill: blue;
transition: fill 0.3s;
}
.svg-image:hover {
fill: red;
}
</style>
</head>
<body>
<svg class="svg-image" width="100" height="100">
<circle cx="50" cy="50" r="40" />
</svg>
</body>
</html>在上述示例中，使用<circle>标签创建了一个圆形的svg图像，并为其添加了.svg-image类。在CSS样式中，定义了.svg-image类的样式，包括填充颜色为蓝色，并设置了过渡效果。在:hover选择器中，定义了悬停时的样式，将填充颜色变为红色。
这样，在浏览器中打开该HTML文件，当鼠标悬停在svg图像上时，图像的填充颜色将从蓝色过渡到红色，实现了在悬停时突出显示的效果。
腾讯云相关产品和产品介绍链接地址：
相关·内容
我有以下代码：
function preload() {
this.load.svg('table', 'assets/svg/table.svg');
}
function create {
this.add.image(400, 300, 'table');
}
当我悬停在这张图片上时，我如何突出显示它？
浏览 0提问于2019-10-13得票数 2
回答已采纳
2回答
这是一个非常具体且有点复杂的问题，所以我设置了一个，在阅读本文的其余部分之前，您可能应该先看看它。
我有一个页面，显示图像与突出显示的区域悬停通过。我也一直致力于将添加到这些悬停中，这样你就可以看到图像的每个部分被称为什么。
Raphaël使用SVG绘制突出显示的区域，由于SVG元素也是DOM节点，因此很容易将Tipsy附加到它们上，如下所示：
// Get the path node as a jQuery object.
pathNode = $(path.node);
// Set the title so it's available to tipsy.
pathNode.a
浏览 0提问于2011-02-20得票数 4
回答已采纳
0回答
在下面的示例中，我希望在初始加载时永久突出显示特定的链接(每个节点之间的连接)：
正如您所看到的，它将在鼠标悬停时突出显示一个链接。
这是通过css实现的：
.link:hover {
stroke-opacity: .5;
}
如何在不使用鼠标悬停(即首次添加SVG元素时)的情况下，对特定链接(例如，前两个节点之间的链接)获得相同的结果。
浏览 0提问于2016-12-31得票数 1
回答已采纳
1回答
我在d3中创建了一个饼图，并希望在悬停时显示给定切片的名称和值：
@graph.append('path')
.attr('d', @arc)
.style('fill', (svg) => @color(svg.data.value))
.attr('class', 'pie-slice')
.on('mouseover', @pieSliceMouseOver)
.on('mouseout', @pieSliceM
浏览 0提问于2013-03-23得票数 0
2回答
我正在使用一个库来从XML文件中生成乐谱，而在SVG上面有大量的空间正在呈现时，我遇到了这个问题。
下面是到SVG：的链接
对不起，代码太多了，我对SVG文件还不太了解，无法对问题做出一个最小的解释。在Chrome的检查工具中，当我在整个元素上悬停时，它也会突出显示较大的空间，但是当我查看实际的SVG时，它只会突出显示实际的单张音乐，而不是实际的svg。知道我怎么能解决这个问题吗？
(此外，当我引起你的注意时，我有没有办法在网页上使超长的SVG更令人愉快呢？)
浏览 4提问于2017-05-30得票数 1
回答已采纳
图像中包含一些文本。在悬停时，svg会改变背景颜色，除非悬停在其内的文本上。
当悬停在文本上时，我如何使svg-背景变化？
<svg class="svg">
<polygon class="polygon" points="100,10 40,198 190,78 10,78 160,198">
</polygon>
<text class="number" x="85" y="115">456</text>
&l
浏览 4提问于2016-08-01得票数 1
回答已采纳
我查看了，并在Chrome开发工具中看到了
除了svg标记之外，还有一个包含dot标记的div标记。此外，我在pole示例中看到了某些地方的UDNZTimeline标记。我在中没有看到这些标记，尽管Chrome在悬停时突出显示了这些标记。
结构如下：
<svg>
<line ...>
and other SVG tags
</svg>
<div>
<dot ....>
<pole ....>
and other non-svg tags which are visualiz
浏览 3提问于2020-12-11得票数 0
回答已采纳
我有一个图表SVG，它包含一些附加了工具提示的元素。工具提示是使用foreignObject嵌入的超文本标记语言，应该在将鼠标悬停在这些元素上时显示。我给出了SVG overflow: visible，以确保工具提示可以完全显示。
这工作得很好，但问题是，只要光标离开外部SVG的边界，工具提示就会消失：
( SVG在底轴的正下方结束)
有没有办法“扩展”悬停区域以包括任何像这样突出到SVG之外的元素？
浏览 1提问于2018-11-13得票数 4
2回答
我有一个带有SVG图像的导航菜单项。目前，如果我将鼠标悬停在SVG上，它将变为红色，文本将突出显示为白色。但是，当我将鼠标悬停在文本上时，它会突出显示为白色，但SVG不会变为红色。当我将鼠标悬停在SVG或文本上时，我希望两者都能改变。我试过了，但不起作用。 .nav-icon {
fill: white;
}
.nav-icon:hover {
fill: red;
} <a href="#" class="nav-icon text-gray-300 hover:text-gray-100 flex items-center py-2 px-2
浏览 53提问于2021-07-29得票数 0
回答已采纳
1回答
当前，将鼠标悬停在TreeView中的标题上将突出显示该标题。我喜欢将鼠标悬停在TreeView中行的任何部分来突出显示整个行(就像windows资源管理器所做的那样)。有人能提供一个如何做到这一点的例子吗？
浏览 15提问于2012-05-03得票数 1
我有一张图片，一个简单的文本菜单和。
当悬停图像的一个区域时，我希望相应的菜单项突出显示(就像在悬停时一样)，而当悬停菜单项时，我希望相应的图像映射区域突出显示。
我设置了一个简单的jsfiddle来说明这个问题：
下面是基本的jQuery start：
jQuery(document).ready(function ($) {
$('#house').mapster({
mapKey: 'name',
singleSelect: true,
fillOpacity: 0.6,
fillCo
浏览 4提问于2013-05-08得票数 0
回答已采纳
1回答
我试图得到的效果，在许多网站上，在悬停时，出现的图像是可点击的。例如，当元素悬停在bin映像上时，将使用：：an显示。我想让这个点击。
该图像显示在div节上，使用：
.section:hover::before {
content: url("@/assets/icons/bin.svg");
display: block;
position: absolute;
top: -10px;
right: 25px;
background-color: white;
}
我从许多类似的文章中了解到，伪元素本身不允许这样做，但我想知道这种效果是如何
浏览 7提问于2022-10-25得票数 0
3回答
我有一个人类骨骼的图像，大约60个区域，我想突出和可点击。它们是一个圆圈，编号从1到60。
整个想法是，我想点击数字(在图像上)，并突出该部分的图像。
我使用JQuery在数字/区域上悬停并突出显示(鼠标悬停)，当用户单击该数字时，我将得到单击的号码，并在服务器端代码上进行处理。(.NET C#)
但我想让我点击的地方保持颜色..。在数字上方盘旋，改变颜色，效果很好.但是我想当它点击的时候颜色应该在图像上改变/持久化.
下面是当你用鼠标悬停时改变颜色的样本，但是当你点击时颜色是不变的。
有什么想法，如何突出一些领域的图像？
下面的示例代码：
<img class="map&
浏览 4提问于2011-08-10得票数 6
回答已采纳
2回答
我在使用jquery.i使用javascript实现它的时候遇到了一个突出显示map状态的问题。` SVG Illustrator测试
<object data="map_with_hover.svg" type="image/svg+xml" id="alphasvg" width="100%" height="100%"></object>
<script>
var a = document.getElementById("alphasvg")
浏览 1提问于2013-01-07得票数 2
我正在尝试突出显示悬停状态下的表格单元格。使用jQuery或CSS很容易做到这一点，但我在单元格中有一些小div，当这些div悬停时，我希望div只突出显示而不是整个单元格； eg, the following cell... 因此，该图像显示了一个具有10个div的表格单元格；当其中一个小矩形div悬停时，需要突出显示它们，但当单元格中除div之外的任何部分悬停时，其本身都会突出显示。
浏览 11提问于2019-09-11得票数 0
回答已采纳
1回答
我有一个SVG图像( snipp被缩短了)，当鼠标悬停时，我想突出显示每个path。
<svg width="480" height="660" xmlns="http://www.w3.org/2000/svg">
<metadata id="metadata31">image/svg+xml</metadata>
<g>
<title>Karta</title>
<g id="g4436"&g
浏览 1提问于2016-01-18得票数 0
回答已采纳
我有一个面向绘制的图像地图与菜单栏悬停有效的网址：
问题是，当我悬停在菜单上时，它会交替突出显示图像的一部分，当我悬停图像的一部分时，它也会突出显示菜单。
浏览 9提问于2017-06-09得票数 4
2回答
单击直达子层
、、、、
我有一个人体模型的HTML图像。图像映射定义身体部位。我在图像映射的顶部有两个div，一个用来显示悬停选择，另一个用来显示当前(活动部分)。我的问题是:当一个部分被标记为“活动”时，我在“活动”层上重新定位背景以显示突出显示的背景图像(使用不同颜色的精灵贴图。当我显示'active‘状态时，我不能通过点击它的透明部分来选择不同的部分。
一种可能的解决方案是使用，但我希望尽可能保持它的兼容性。
浏览 2提问于2014-08-20得票数 0
6回答
我有一个奇怪的问题，在safari中svg在悬停时调整大小。我正在使用jquery的悬停功能将页面上的svg替换为稍有不同的svg。这项工作在所有浏览器中都是正确的，除了safari，由于某种原因，safari会在鼠标悬停和鼠标输出时完全调整svg的大小。
我的svg高度是在css中设置的
img.svg-graphic {
height: 180px;
}
并在页面上显示为图像
<div class="container">
<img class="svg-graphic" src="svg-icons/version1.sv
浏览 17提问于2014-02-04得票数 7
我有以下Javascript代码来替换svg生成的图像与png，我需要它立即发射，而不是‘加载’。我尝试将它设置为悬停，即使没有加载原始图像，它也会运行-几乎完全如我所希望的那样，除非我希望即使没有悬停也能实现。如何设置立即生效的事件？ var svg = document.getElementById('logo-header');
var src; // undefined
if (svg) {
svg.addEventListener('load', function(event){
var img = documen
浏览 16提问于2020-04-12得票数 0
如何在元素周围的边框上显示一个小数字(左上边框)？
基本上，我正在寻找一种突出显示元素并用数字标识它们的方法。
更新：
基本上，元素在鼠标悬停时通过定义边框属性来突出显示。鼠标移出时，边框是透明的(消失)。
我想要做的是如何在所选的边框突出显示之外显示数字？
我刚刚想到的解决方案是使用自定义生成的编号图像边框，并动态使用边框图像
浏览 0提问于2012-02-07得票数 0
回答已采纳
1回答
我在StackOverflow上只找到了一个解决方案，但是用户说它对他们不起作用。
因此，我将SVG图像嵌入到html中：
<object id="help-center" type="image/svg+xml" data="assets/help_center.svg">
</object>
在这种情况下，我不知道如何在悬停时改变颜色。
在这个片段中， SVG就在HTML内部，并在悬停时成功地改变了颜色。怎么做同样的事？
浏览 2提问于2017-10-01得票数 4
回答已采纳
1回答
我在文字高亮方面有个问题，
有一个div盖绝对定位在一个段落的顶部。在DOM结构中，它们是表亲。
当突出显示下面的段落文本时，一旦光标悬停在封面上，整个段落就会自动突出显示，如何停止这一点？
JS小提琴：
#cover{
position:absolute;
top:10px;
left:50px;
height:100px;
width:100px;
background-color:green;
/*-webkit-user-select: none;*/
}
出于某种原因，谷歌幻灯片能够避免使用svg，无论如何，在html中这样做？
浏览 3提问于2016-11-22得票数 1
回答已采纳
好的，我有一个选项卡式页面，单击一个选项卡，我会显示一个特定的部分，并将此选项卡突出显示为红色背景。现在我想使用悬停效果，在悬停时，标签应该突出显示为红色背景。它可以工作，但是当我从点击的标签上离开时，背景效果消失了。
简而言之，如何在的悬停时将选项卡突出显示为红色背景
浏览 0提问于2012-01-03得票数 1
回答已采纳
我正在制作一个带有图标和文本的菜单，如下所示：
问题是，当我悬停在选项卡上时，我希望图标被“突出显示”，而不是停留在小图标上方。这就是现在发生的事情：
因此，我的问题是如何在一个元素上悬停(选项卡是div)，从而激活另一个元素(图标)的悬浮CSS。
这是图标的代码：(HTML)
<a href="#" class="menubutton">
<span id="playicon"></span> Servers
</a>
(CSS)
#playicon {
浏览 5提问于2013-08-18得票数 2
回答已采纳
1回答
我正在尝试实现类似于的效果。
我只是想通过在图像上绘制一个具有定义坐标的多边形来突出显示图像的不同部分，而不是使用鼠标悬停功能在相应图像周围放置边框。
我有一个测试我的网站在上面：
我在Wordpress中使用了一个名为ImageMapper的插件来创建您在网站上看到的图像地图。现在，例如，当您将鼠标移到手臂上时，图像上的手臂区域会突出显示。
我不知道如何a)当你将鼠标放在手臂上时，让左边的相应文本突出显示，或者反之亦然(更重要的是)，当你将鼠标放在文本"Full arms“上时，让手臂突出显示。
还有一个有点类似的帖子，叫做。
然而，如果不使用上面提到的插件，我想不出如何
浏览 1提问于2013-10-17得票数 0
我希望为我的下一个网站创造下一个效果：
I有3个div，其中左侧列有一些文本内容。i在右列的div中有一个图像，右侧div中的图像有3个不同的独立图像部分，当我悬停在左边列中的一个div(与该特定图像部分相关)上时，必须突出显示每个单独的部分。悬停在上面的DIV也必须在悬停时突出显示。我也想要同样的效果，这一次我只想在右边的DIV中的任何图像部件上悬停。我希望它能突出显示相关的div，以及突出显示图像部分本身。。
我知道这一切听起来可能真的很混乱，所以我做了一张图片，希望能直观地解释我的项目。(检查附呈的图像)。
现在我不确定这是否可以仅仅通过使用CSS来实现，或者通过CSS和jQuery或s
浏览 2提问于2012-03-23得票数 7
回答已采纳
当鼠标悬停在SVG图标上时，SVG <title>将显示为工具提示。
<div [inlineSVG]="'icons/forward-small.svg' | assetUrl"></div>
我不希望在将鼠标悬停在SVG箭头图标上时显示此工具提示(forward-small)。我尝试设置(title=""、matTooltip=""或alt="")，但不起作用。ai我还想在SVG上添加一个单击侦听器。
如何在不从SVG文件中删除title元素的情况下禁止显示
浏览 0提问于2021-11-22得票数 0
我正在尝试替换通过内容属性设置的图像，图像的替换应该在悬停时完成。
现在，通过替换系统默认菜单项，将显示我要替换的图像。下面是我替换默认菜单项的代码：
.admin__menu .level-0.item-megamenu > a:before {
content: url('../images/list.svg');
position: relative;
top:-7px;
color: #f7f3eb;
}
现在我想用另一个悬停的图像替换这个list.svg。我尝试用background-image属性替换list.svg，但部分成
浏览 16提问于2017-08-28得票数 0
回答已采纳
我正在使用x-unified悬停模式与子图巧妙地。每当我在地图上移动光标时，我基本上都希望在X悬停位置显示x-悬停信息加上Y轴上相应的Y值。我怎么能这么做？目前Y轴信息来了
在上面的图像中，随着x-悬停，我希望看到Y值在Y轴上的突出显示。让我知道我怎么能做到这一点！
谢谢:)
浏览 5提问于2022-11-29得票数 1
1回答
在css中添加筛选器
、、、、
我正在用PHP开发一个应用程序。这里显示了一些图片，当它悬停时，它会显示一个新的图像(实际上是相同的图像，但是手动添加了一个蓝色的过滤器)。
事实上，我不想用蓝色的过滤器显示一个新的图像，但是我想把过滤器直接放在图像上，当我不需要获取一个新的图像时，将它悬停在图像上。
.home-container .theme1{
background-size: cover;
background: url('../img/myImage') no-repeat center;
}
.home-container .theme1{
background-size:
浏览 5提问于2022-11-24得票数 -1
1回答
我想突出显示使用CSS的SVG组。我已经尝试了以下代码
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<style type="text/css">
* {stroke: black; fill: white}
.A:hover {fill: orange}
.B:hover {fill: blue}
</style>
<g class="A">
<circle cx=&
浏览 0提问于2013-06-04得票数 3
回答已采纳
2回答
我有一个容器，它保存一个图像、一些文本和一个页脚。
图像位于顶部，下面是文本，后面是一个页脚，它只包含一些附加的元数据。
我希望能够悬停在内容上(不包括页脚)，并将其全部突出显示。
我的问题是，我不能使“文本”div跨度一直到底部，绝对定位页脚开始。
页脚将突出显示在悬停独立。我不希望内容悬停影响页脚，也不希望页脚悬停影响内容悬停。
下面是一个指向示例的代码链接，该链接显示蓝色高亮显示仅覆盖文本的底部，与整个面板相反，直到元数据页脚
如能在此提供协助或指导，将不胜感激。
HTML
<div class="item">
&l
浏览 2提问于2015-09-03得票数 0
回答已采纳
3回答
可能重复：
当我悬停在SVG图像上时，我想改变它的填充。
现在，我有一个黑色的问号从Illustrator导出到SVG。我可以用img标签放在我的页面上，它显示得很好，但是我不知道如何在代码中改变颜色。
浏览 7提问于2012-08-27得票数 6
回答已采纳
1回答
使其他元素移动的悬停效果
、、、
有人能帮上忙吗。我有一只蝴蝶的图像，当它悬停在上面时，它会稍微突出一点。我还有一张毛毛虫的图片。问题是，当蝴蝶悬停在另一个图像上时，另一个图像也在移动。我怎么才能阻止它呢？
CSS是
/*Pink Butterfly - header*/
.pinkbutterfly {
width: 80px;
height: 80px;
overflow: hidden;
position: relative;
top:-30px;
left:230px;
}
.hoverimg:hover{
width: 95px;
he
浏览 3提问于2013-06-12得票数 1
1回答
放大SVG路径
、、、
我有一张宾夕法尼亚州的地图。我目前有几个县突出和悬停，它显示县的名字。我想在悬停时稍微增加一点。但是当设置它时，它会移动整个路径。
这里有一个URL来显示正在发生的事情。当您悬停时，您会注意到这个问题，即在悬停时应用1.2的刻度：
是否有攀登路径，但将其保持在同一地点？我不太熟悉SVG，因为这是我的第一个练习项目。
任何指导都是非常感谢的。
浏览 3提问于2014-08-06得票数 0
回答已采纳
1回答
当从导航栏中选择一个页面时，我将使用以下CSS来更改SVG图像。
如何将其更改回其悬停时的原始图像？
.left_nav > li.opened_menu > a.about-us:after {background-image: url("data:image/svg+xml;base64, SVG ENCODING CODE");}
浏览 2提问于2014-12-11得票数 0
我在图像上显示一个简单的框，我希望它在悬停时突出显示，点击时改变颜色。
我让它在盘旋时突出显示，当clicked.The问题发生时，改变颜色是在第一次改变颜色之后，当它盘旋时不再突出显示。当JS更改样式时，它似乎禁用CSS悬停选择器。
如何保持悬停突出显示工作？
const box = document.getElementsByClassName("box")[0];
box.addEventListener("click", (e) => {
// console.log(e);
if (e.target.style.backgroundC
浏览 4提问于2021-04-11得票数 0
回答已采纳
我正在尝试获得一些svg的悬停效果。我正在编写的代码基本上是包含在svg中的图标，所以它们都位于背景之上(它看起来像地图-我希望地图上的单个图标在悬停时突出显示)。
问题是过滤器似乎对嵌套的svg元素没有任何影响。我尝试过将过滤器直接放入嵌套元素中，但并没有改变任何东西。
下面是我想要运行的代码的一个简单示例。
.icon:hover{
filter: sepia(100%);
}
<html>
<body>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xl
浏览 6提问于2019-07-18得票数 1
回答已采纳
2回答
如何使重叠的图像可悬停和单击？
、、、、
我正在制作一个人体模型，它有特定的器官需要突出显示，并在悬停时到达顶部并可点击。困难的部分，例如:肺与心脏重叠，我如何才能使心脏可点击而不把它放在肺的上面？
我试过使用透明的SVG，但也没能让它们工作。
谢谢!
浏览 1提问于2014-12-26得票数 0
2回答
如何将交互式SVG文件添加到QGraphicsScene？我可以添加一个交互式SVG文件，但它只是显示为静态图像。我读了一些关于QGraphicsWebView的文章，但是想不出如何添加SVG文件到其中，而且还缺乏示例。
让我更具体地说明我正在寻找的是什么。假设我有一个SVG文件，它绘制了一个框。当我将鼠标悬停在那个框上时，我想要更改颜色以触发一个悬停事件。我必须编辑文件并重绘图像吗？感觉应该有一种用Qt制作交互式SVG文件的方法。
浏览 1提问于2011-11-05得票数 3
回答已采纳
在我的网站上，我有5个类别。在每个类别中，我有一个标题和1个描述文字的图像。当鼠标悬停在图像上时，图像和文本会同时高亮显示(通过添加一个类："highligthCategory")。
我的问题是，每当我将鼠标悬停在5张图片中的任何一张上时，所有5个描述都会突出显示。如何将高亮显示限制为仅与一张图像相关的特定描述？
我假设出现问题的原因是第二个循环在第一个循环中，但因为我还有事件侦听器，所以我不知道如何将它们分开并使两个循环分别工作。
const category = document.querySelectorAll(".category");
const ca
浏览 13提问于2019-11-10得票数 0
回答已采纳
3回答
我有一个国家的地图(SVG)，我想高亮显示一个省/州当我悬停在它之上，改变它的颜色/填充。我实现了这一点，但问题是，onMouseEnter突出显示了整个映射，而不仅仅是我选择的状态。我想要做的是传递州/省的id，以便只突出显示该状态。我怎样才能把它加到这里或其他地方：
onMouseEnter={() => setColor("yellow")}
职能部分：
function ColorOnHover() {
const [color, setColor] = useState("#FFF8DC");
return (
<svg>
&l
浏览 2提问于2020-05-03得票数 0
回答已采纳
在这里，我做了一个来显示我当前拥有的内容。在这种情况下，当鼠标悬停在链接上时，它只突出显示部分，而不是整个块。我们仍然可以看到顶部和底部的黑色。当鼠标悬停在上面时，我想突出显示整个区块。如何在CSS中做到这一点？
另外，我在所有人通用的header.jsp中声明了这一点，并将其包含在所有其他文件中。那么，当用户在该页面上时，我如何保持链接突出显示？
浏览 4提问于2011-08-11得票数 0
我只使用CSS在悬停时使用子选择器切换图像。每个图像都显示为包含div的内联块，创建了图像网格。
它工作得很好，除了一个奇怪的抽搐-
a.)当鼠标悬停在包含的div和b中的第一个映像上时；)当页面滚动任何距离时，整个页面会跳回顶部。
只有在第一个图像上盘旋才会引起这种抽搐；当鼠标在任何其他图像之间移动时，无论位置如何，都不会发生这种情况。
在这里可以看到效果：
CSS：
/* CONTAINER DIV */
#rocks {width: auto;}
/* EACH IMAGE ELEMENT */
.foo img {width:30%;}
.foo im
浏览 1提问于2017-08-27得票数 0
回答已采纳
5回答
我有菜单。每个菜单项都有SVG图像和文本。使用<object>嵌入SVG
<ul id="menu-content" class="menu-content collapse out">
<li id="calculator">
<a href="#">
<tr>
<td>
<object type="image/svg+xml" data="assets/calcula
浏览 6提问于2017-10-01得票数 5
回答已采纳
1回答
有什么方法可以命名图像的可点击区域吗？在鼠标悬停时，必须突出显示名称。
如果您访问上述链接，则会突出显示目的地的名称。
浏览 4提问于2014-06-25得票数 0
回答已采纳
实际上，我使用了一个插件SpryTabs来导航菜单。我使用了两个背景图像来激活和停用标签。我激活了悬停状态下的标签。表示该选项卡突出显示，并在单击其他选项卡时停用所选选项卡。
在这里之前一切都很好。但真正的问题来了，当用户在悬停后单击选项卡时，边框会显示在图像周围。
这不会在Firefox中发生，它只会在Chrome和IE中发生。
浏览 3提问于2013-03-01得票数 13
回答已采纳
1回答
这在我身上从来没有发生过，我也不知道为什么会出现悬停，但是后面的图像不会改变：
<div class="settings" id="settings" style="background-image:url(assets/settings.svg);"></div>
.settings{
width: 2.0vw;
height: 2.0vw;
margin-top: calc((8vh - 2vw)/2);
margin-left: 1.5vw;
float: left;
background-
浏览 1提问于2020-07-01得票数 1
回答已采纳
我有扑克游戏，我正在为Facebook写作。我选择了52个外部SVG图像，用来表示游戏中的卡片。
在游戏结束时，我想通过突出显示带有边框的SVG图像(代表卡片)来显示谁是赢家。我想通过CSS或Javascript修改SVG代码来打开和关闭SVG图像中的边界。
因为我讨厌在我的HTML代码中嵌入52个图像，我可以问一下，是否有一种方法可以使用外部SVG图像实现这个边界？
浏览 16提问于2020-03-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
