如何使用jQuery让Firefox在SVG文本元素中动态显示链接的不透明度？

文章/答案/技术大牛

发布

1回答

html、css、firefox、svg、jquery-animate

这段代码的预期效果是让单词'hello‘在不同的时间改变不透明度，而不是单词'world’。这在除火狐之外的所有主流浏览器中都能正常工作(Mac和PC --它在火狐iOS应用上运行得很好)。在Firefox中，'hello‘和'world’这两个词同时可见。/1.10.0/jquery.min

浏览 0提问于2016-09-20得票数 1

回答已采纳

1回答

如何在jasper报表中使用透明SVG并导出为pdf

svg、jasper-reports、export-to-pdf

我正在尝试使用部分不透明的SVG将jasper报告导出为pdf，但在pdf中，不透明的部分是纯白的。<imageExpression><!net.sf.jasperreports.renderers.SimpleRenderToImageAwareDataRenderer.getInstance(byte[] data)]]></imageExpression> 在后台，似乎jasper正

浏览 1提问于2020-03-05得票数 0

2回答

如何确保CSS对文本/链接的不透明度更改不会更改Firefox/Windows中的颜色值？

javascript、css、colors

因此，我注意到，当我在Windows上的Firefox (3.6+)中对文本或链接元素进行不透明度更改时，颜色也会发生变化。例如，蓝色文本链接在消失之前会变为黄色。看一看，然后移到名为“某个链接”的文本链接上，然后再移出。有没有人知道解决这个bug的办法，以确保颜色在不透<

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

2回答

HTML5 svg图像标签不透明度

svg、opacity

我在自己的应用程序中使用了几个svg图像。稍后，我将添加一个功能来减少所有svg元素的不透明度。虽然在使用本机svg元素时，这是一项微不足道的任务，但它似乎并不在图像标记中工作。下面是一个例子：正如您所看到的，当我将不透明度应用于组元素时，文本</

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

回答已采纳

1回答

将SVG不透明度设置为x和y的函数

svg、opacity

是否可以使用一个连续的数学函数？来设置基于x和y坐标的SVG元素的不透明度，但我不想让它变得20%不透明，而是希望使用函数sin(x)/2+sin(y)/2定义矩形在每个点上的不透明度，其中x和y是矩形内每个点的坐标。<svg> <rect width="10

浏览 2提问于2013-05-06得票数 1

2回答

在Firefox中，`a: has‘覆盖了’a‘

css、google-chrome、firefox、pseudo-element

我有个链接。我正在使用:before在它前面放置一个图标。最初，文本是不可见的(opacity: 0)，而图标是可见的(opacity: 1)。在悬停时，文本将变得可见。我发现，在Chrome中，我可以通过将:before元素设置为display:block来做到这一点(如果没有这个元素，它就不会有与链接其他部分不同的不透<em

浏览 5提问于2014-09-18得票数 2

回答已采纳

2回答

使用jQuery自动动画所有悬停状态

jquery、hover、jquery-animate、hyperlink

在我的新网站，我有几个不同的悬停状态的链接。其中一个交换了一个背景图像的标志。一种是将不同的背景图像转换为主导航。而普通的内联链接通过CSS改变背景色。我想不出一种自动让所有()标记优雅地移动到它们的悬停状态的方法。手动为每种链接类型编写动画方法似乎不太干净(或未来的证明)。把我的背景图片、URL和链接颜色(

浏览 2提问于2010-09-06得票数 4

2回答

转换svg文本不透明度

svg、d3.js

有没有人在转换SVG文本元素的不透明度时遇到过任何问题？我同时使用了填充不透明样式和笔划不透明样式来淡入和淡出文本元素。它在大多数浏览器上都工作得很好，但在Mac上的Chrome中根本不会转换--文本只是一下子弹出和弹出。除了填充不透明度和笔划不透明度之外，我还尝试设置了&q

浏览 3提问于2012-04-13得票数 0

回答已采纳

1回答

尝试在SVG* 1.1中创建可重用的文本框(具有正方形背景颜色的文本)？*

javascript、dom、dynamic、svg

一个简单的可重用的SVG小块，用来显示三行文本，并带有背景颜色--来模拟一个“便利贴”注释。<svg id="canvas" width="100%"

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

回答已采纳

3回答

CSS专用不透明度应用程序

html、css

我制作了这个，来演示我的问题和问题。因此，基本上，您如何拥有完整的不透明文本</em

浏览 4提问于2013-12-08得票数 0

回答已采纳

1回答

是否有解决CSS3不透明度转换期间字体变暗的方法？

firefox、css、transitions、css-transitions

我得到了一个HTML元素，它的不透明度在悬停时发生变化(使用CSS3转换)。问题是，在Firefox中(至少在Windows上)，元素(a )中的文本(a )在不透明度变化期间明显变暗，然后在转换结束后“弹回”到应该是几分之一秒的状态。像这样(视频)： <

浏览 1提问于2011-08-31得票数 2

回答已采纳

1回答

悬停模糊文本ie8上的Jquery* addclass*

jquery、text、internet-explorer-8、addclass、blurry

我在jquery中有一个非常简单的add类，它可以改变div和文本颜色中元素的不透明度。它在Firefox和Chrome中工作得很好，但(当然)在IE中，文本真的很模糊，看起来很糟糕我已经验证了页面，认为这可能是一个问题，但它仍然不能正常工作。它也不是IE中的cleartype选项。

浏览 3提问于2011-03-05得票数 1

回答已采纳

3回答

图像和文本在div上的悬停效应

html、css、image、background、opacity

我提供了一个JSFiddle：它包含一个div、img和span元素。img充当div的背景图像.我不使用CSS background-property作为背景图像，因为我想在悬停div时更改不透明度。span包含与背景图像重叠的文本。当在div上盘旋时，我想要改变图像的不透明度。但是，当鼠标悬停文本(span)时，img的不透明度会更改为初始

浏览 1提问于2016-07-18得票数 0

回答已采纳

1回答

我想要发生的是，当你翻阅图像时，向量会出现，但我也希望文本也能显示出来。现在，文本在那里，但它始终在那里。我只希望当你悬停在图像上时它才会出现。 background:url('https://vignette.wikia.nocookie.net/lunifer-kingdom/images/f/fb/Wolf_howling_at_moon.jpgfont-size:350px; transition:font-size

浏览 0提问于2018-10-01得票数 0

回答已采纳

1回答

筛选不透明不适用于复选框(IE8)

html、css、internet-explorer-8、opacity

我在checkbox上做了一些定制，并试图使不透明在IE8中工作。-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"；正在运行一个div，但是当我使用复选框时，它不起作用。在chrome和firefox中，透明度是正确的。不透明度适用于输入/标签元素？

浏览 3提问于2013-10-24得票数 2

回答已采纳

2回答

不透明的子级不能出现在父级的“z索引”兄弟级下面。

html、css

我试图理解为什么对元素的子元素应用1以外的不透明度总是将其堆在元素的兄弟级之上。 (或将其设置为1)使其按预期的方式在.sibling后面堆栈，但由于某种原因，不透明度值会改变其堆叠顺序。出于同样的原因，实现必须为不透明度小于1的任何元素创建一个新的堆栈上

浏览 3提问于2020-07-30得票数 4

回答已采纳

3回答

在CSS中转换黑色图标灰色？

css

想知道这些家伙在如何把他们的黑色图标灰色在他们的CSS (“特色与爱”部分)。新来的，却搞不清楚。他们是否允许我将黑色图标改为灰色图标？

浏览 6提问于2014-09-03得票数 6

回答已采纳

2回答

在.click jquery上更改页面不透明度

javascript、jquery、html、css

假设我的页面有4个div元素，它们都嵌套在彼此的内部。我希望添加一个不透明级别，使其高于每个元素，但上次嵌套元素除外，这是在为ex输入一个表单元素时触发的。到目前为止我有这样的想法： $('#main-user-signup').on('click',function(e){ $("#main-site-header

浏览 6提问于2014-02-23得票数 0

回答已采纳

4回答

仅jquery* safari不透明*

jquery、css、safari、opacity

opacity=100); -khtml-opacity:1; } opacity: 1; 以上的一切都是按照预期进行的Safari总是将其不透明设置为full，因为如果没有，它就不会正确地呈现。但是，我还有一个jquery事件，当单击这个div时，透明度会减弱为0，对于所有浏览器，我需要它淡出到0 (fadeout不是选项)。div的html随后被更改，我需要所有浏

浏览 10提问于2011-03-25得票数 0

回答已采纳

1回答

用jQuery和CSS对外部SVG文件进行样式化

jquery、css、svg

我已经启用了SVG-文件链接在我的WP网站上使用安全SVG插件，我很高兴它。但是，我在设置包含在调用/linikng的外部文件中的SVG路径时遇到了问题。目前，我无法创建我想要的交互活动，因为我不能：使用我的自定义javascript/jQuery将类添加到各个SVG路径(它适用于我的所有

浏览 0提问于2016-11-23得票数 1

回答已采纳

点击加载更多