腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
如何向psuedo元素添加类
javascript
、
addeventlistener
、
pseudo-element
我有几个元素,我想添加一个类到他们的伪:当他们被点击前元素。目前,我已经将类添加到元素中,但在弄清楚如何将侦听器附加到元素并将类添加到伪元素时遇到了困难。 以下是我的HTML: <div class="locked-item"></div> SCSS: .locked-item{ &:before { content: ''; background-image: url(../../images/lock.svg); background-position: center center; bac
浏览 3
提问于2015-11-20
得票数 0
回答已采纳
2
回答
如何在svg中保持恒定字体大小
javascript
、
svg
我是SVG的新手,我尝试在我创建的形状中添加一些文本。我是这样做的:,但其中的文本会随着polygone的变化而改变。可以保持文本的大小不变吗?或者至少控制字母的大小? <div id="tab"> <div class='chevron'> <svg width="25%" height='100%' viewBox="0 0 20 20" preserveAspectRatio="none"> <polygon f
浏览 0
提问于2016-06-14
得票数 1
1
回答
在内联SVG上应用摇摄和缩放
html
、
svg
、
maps
、
zooming
、
panning
因此,我们有这个主要项目,我们的目标是创建一个简单的寻路系统,通过使用内联SVG,其中包括缩放和摇摄功能,目标是部署在触摸屏上。我们想要创建类似google地图的东西,或者像这样的东西: 我们真的很想使用这个插件,但是所有的东西都是在脚本中预先定义的,而且我们真的不知道如何在内联SVG上实现它(或者有人帮助我们解释整个代码是如何工作的,也许还可以教我们如何使它在内联SVG上工作,因为我们纯粹是业余爱好者)。我已经寻找了很多插件,但它们似乎都不符合需要。
浏览 0
提问于2015-01-17
得票数 0
回答已采纳
2
回答
D3:如何实现水平响应的SVG元素?
javascript
、
d3.js
、
svg
实现如下所示的响应性SVG元素是非常直接的。 <div id="chartId"/> var svg = d3.select("#chartId") .append("svg") .attr("preserveAspectRatio", "xMinYMin meet") .attr("viewBox", "0 0 600 400"); svg.append("rect")
浏览 3
提问于2016-01-07
得票数 2
2
回答
我是否可以使用同级组合器作为伪元素之前或之后的目标?
css
、
css-selectors
、
pseudo-element
有没有这个CSS不能工作的原因? a[href^="http"]:after { content:""; width:10px; height:10px; display:inline-block; background-color:red; } a[href^="http"] img ~ :after { display:none; } 。。在这个HTML上? <a href="http://google.com">Test</a> <a href
浏览 1
提问于2011-10-12
得票数 39
回答已采纳
1
回答
如何使用伪元素定位SVG
html
、
css
、
svg
、
pseudo-element
我正在尝试找到一个SVG,让它看起来像这样: ? 我想通过使用::before或::after伪元素来实现。但是我不能这样做,因为SVG太大了,而且它的第一个位置离父元素的边界很远。 <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale
浏览 89
提问于2021-08-13
得票数 0
2
回答
伪元素如何使当前的div行为?
html
、
css
、
pseudo-element
这些伪元素已经把我绊倒了一段时间了,我对此有点困惑。 在本例中: div::before { content: "hi"; } 它在任何HTML之前注入hi。我明白了,你需要清除浮点数。 .clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: -1px } 然而,在此: .box-content::before { display: in
浏览 1
提问于2017-07-13
得票数 2
回答已采纳
2
回答
如何在HTML中呈现不同大小的SVG?
svg
给定此svg: <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg"> <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ --> <g> <title>Layer 1</title> <ellipse stroke="#000000" ry="210.999999" rx="259.0
浏览 5
提问于2013-02-13
得票数 1
回答已采纳
1
回答
如何在raphael.js文档中添加子svg标签?
javascript
、
svg
、
coffeescript
、
raphael
我正在使用Raphael.js从Javascript (实际上是Coffeescript)生成一个SVG绘图。 但是,我希望能够包含自动缩放的子图,方法是将它们放入嵌套在第一个标记中的第二个标记中。不幸的是,允许我添加矩形和路径等的Raphael Paper对象没有添加svg的选项。 我尝试使用以下代码将标记直接添加到javascript中的DOM中: res = document.createElement("svg") res.setAttribute("x",x) res.setAttribute("y",y) res.setAttribu
浏览 3
提问于2012-08-05
得票数 1
2
回答
如何使用:在为<use>添加<svg>标记之前?
html
、
css
、
svg
无法找到使用css :before在<use>标记中添加<use>的示例。到目前为止,我已经尝试过: .icon-test:before { content : '<use xlink:href="test.svg#icon-test"></use>'; } .icon-test:before { content : '\003Cuse xlink\003Ahref\003D\0022test\002Esvg\0023icon-test\0022\003E\003C\002Fuse\003E
浏览 3
提问于2015-02-13
得票数 2
回答已采纳
1
回答
如何修改同级元素::after的css?
jquery
、
css
<div class="form-group form-group-lg"> <div class="select-picker"> <select class="form-control"></select> </div> </div> 我有一个select.form-control元素,它当前更改了它在焦点上的边框颜色,但还有一个div.select-picker::after元素,所以它实际上呈现如下: <div class=
浏览 3
提问于2016-06-30
得票数 0
2
回答
我将如何缩小通过内容引入的SVG?
html
、
css
、
svg
本质上,我有一个SVG图标淡出,并在悬停时显示一个链接,但当我链接它们时,它们是巨大的,而且看起来非常糟糕。我尝试使用'img‘而不是'a’,但失败了,因为它们仍然太大,宽度和高度没有任何影响。也尝试手动缩小他们在插画,但这会造成问题时,改变视口大小,他们会错过自己。有一段时间我一直在摆弄这个问题,作为SVG的新手,我最终放弃了,来到这里。 看起来像这个 在左边的图标上悬停会导致它们淡出,而链接也会淡入。 HTML: <div class="list"> <a href="" class="i
浏览 3
提问于2020-11-23
得票数 0
回答已采纳
3
回答
在CSS中缩放生成的内容
css
如何缩放在CSS中添加的图像:before或:after? 例如,我有一个包含图书封面的页面: <span class="book"> <img src="http://ecx.images-amazon.com/images/I/41t7xMPK%2B6L.jpg" /> </span> 我想使用CSS让它看起来更像一本书,而不仅仅是一个封面。我可以使用:之前添加第二个图像来完成此操作,但由于所有书籍的大小各不相同,因此我需要能够缩放此图像以适应书籍封面。 我试过了 .book:before{ content
浏览 1
提问于2010-09-07
得票数 7
1
回答
d3脉络图非常小
d3.js
、
topojson
我试图从位于的topojson文件中绘制svg映射。当我运行下面的代码时,我看到了一个小的红色的g元素集合,也就是那个映射,但是我不知道如何使它更大。我试过做projection.scale(100),但这不起作用。 是个小提琴。 <svg width=500 height=500></svg> async function run() { const res = await fetch( "https://rawcdn.githack.com/jasonicarter/toronto-geojson/0fb40bd54333bc3d397a26cf
浏览 1
提问于2020-07-19
得票数 1
回答已采纳
1
回答
Position WinJSControl.UI.Flyout
javascript
、
css
、
winjs
、
flyout
当浏览器调整大小时,如何将弹出按钮放置在按钮的正上方?该应用程序有一个按钮,单击该按钮将显示弹出按钮(WinJS弹出按钮)。但是,当浏览器调整大小时,弹出按钮并不总是显示在按钮的上方。
浏览 8
提问于2015-01-21
得票数 0
2
回答
动态生成包含图像的SVG?
javascript
、
html
、
css
、
svg
AngularJS应用程序。 基本上,我必须做一个水平箭头样的绘图,图像将重复在里面,这取决于我发送到html的项目数组(ng-重复)。 我被告知最好的将是svg,所以我在这里,但我对svg的知识很低。所以我设法用固定的智慧和高度做了一支小箭。但现在我需要它大得多。 所以我在网上读到了关于viewBox的文章。它缩放了我在SVG中的项目,但是到目前为止我有两个问题。 图像不起作用。 所有的物品都是堆叠起来的,不要跟在它们之间的空隙里,就像我以前一样。 这段代码是我现在的工作代码,所以您可以了解我想要绘制的元素。我使用这个元素,这样我就可以用工具提示和文本来重复它,这段代码被简化
浏览 0
提问于2019-03-12
得票数 1
回答已采纳
2
回答
如何缩放svg画布上的某些路径/文本以外的所有内容,而不更改其确切位置
javascript
、
svg
、
svg-edit
、
svgpanzoom
我希望缩放svg画布上的一些路径/文本以外的所有内容,而不使用svgpanzoom更改路径/文本的确切位置。我需要的实际工作就像地图上有一些标记,我也想动态地放置新的引脚或标记。 <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1"
浏览 8
提问于2015-10-08
得票数 0
回答已采纳
3
回答
在输入后显示图标
css
、
input
我的应用程序中有这个搜索栏,我想修改它: 现在,"X"-Icon从一开始就是可见的,即使在输入之前它什么也不做,所以我想让它在用户开始输入文本后出现。 该图标是我单独添加和样式的SVG。 我真的不知道如何才能做到这一点,我认为这很容易,我可以使用像"::after“这样的东西,但似乎这对于输入字段来说是不可能的。 附言:我是一个绝对的CSS初学者,所以请宽恕我。
浏览 33
提问于2017-12-14
得票数 0
1
回答
在动态调整SVG元素大小时,最佳实践是什么?
html
、
css
、
svg
、
frontend
我一直在处理来自导师的FrontEnd挑战,对于动态调整<svg/>元素的大小感到有点困惑。只是想确保我做的事情是正确的,因为我对CSS不太了解。 我的问题如下: 我将背景模式设置为卡片组件的同级,将容器设置为position: relative,将.background div设置为position: absolute; inset: 0;。这是在卡后浮动背景图像的正确方法吗?还是我应该换个角度? 我将svg viewbox设置为匹配元素的width和height,并删除了width和height (从width="450" height="220
浏览 3
提问于2021-10-06
得票数 1
回答已采纳
2
回答
伪类和伪元素有什么区别?
css
、
css-selectors
、
pseudo-element
div::after {}和div:after {}有什么区别?我们什么时候必须使用:: over : 双冒号和单冒号符号是用来区分伪类和伪元素的. 上述声明的实际意义是什么?
浏览 0
提问于2017-01-26
得票数 82
回答已采纳
3
回答
为什么在伪元素后需要一个空的`content`属性?
css
、
pseudo-element
、
css-content
我从上一个问题中得到了,我看到了这些行: .cf:before, .cf:after { content:""; display:table; } .cf:after { clear:both; } 如果我去掉了content:"",效果就毁了,我不明白为什么它是必要的。 为什么需要向:after和:before伪元素添加一个空的content?
浏览 0
提问于2012-03-07
得票数 30
回答已采纳
2
回答
JQuery更改“top”of :之后
javascript
、
jquery
、
html
、
css
我正在尝试更改元素中的:after的'top‘属性。 CSS: .mymessage:after { top:20px; } 我如何将其动画化为40px?
浏览 3
提问于2013-05-20
得票数 0
2
回答
如何抵消d3变焦的初始起始位置?
javascript
、
d3.js
、
svg
翻译后,我试图放大SVG元素,但是当我开始初始缩放时,SVG的位置会重置为0,0。我希望变焦和平移从页面加载的移动位置开始。 <svg id="#svg"> <g id="#mainGrid> ....a bunch of SVG </g> <svg> <script> var winCenterV = $(window).height()/2; var winCenterH = $(window).width()/2; //set mainGrid to the center of
浏览 1
提问于2019-07-19
得票数 1
回答已采纳
2
回答
使用img时伪元素的奇怪行为
html
、
css
尝试制作关于它下面的图像的信息。但是有个问题..。伪元素不可见.. <img info="hey guys" src="http://i024.radikal.ru/1211/4c/809c7c2dfa74.jpg"> <div info="I'm working, but I'm inside the block"></div> div { height: 100px; margin: 10px; background: yellow; } div[info]::af
浏览 0
提问于2012-11-26
得票数 0
回答已采纳
1
回答
调整SVG元素组的大小
netbeans
、
svg
我正在开发一个SVG应用程序,现在我想让用户使用可拖动的边角来调整对象的大小,这与SVG-edit ()非常类似。该功能应如下所示:用户选择一个SVG对象,将其拖动到主“画布”上,一旦在“画布”上,对象外部的四个角出现,用户可以在每个角点上拖动并拖动以放大对象。对象将是矩形的,并使用路径创建,而不是使用SVG‘rect’函数创建。对于如何实现这一点,有人有什么建议吗?提前感谢
浏览 0
提问于2010-10-21
得票数 1
1
回答
d3.js在有力有向图的直线上添加一个三角形
javascript
、
d3.js
、
nodes
我有力有向图id d3.js,我用它只是为了好玩。目前看起来是这样的: 我想在这两条黑线上加点三角形,这样它们就像箭头一样。我试过用路径添加三角形,但我不知道如何将它附加到行中。 剧本: var data = {"nodes":[ {"name":"Action 4", "type":5, "slug": "", "value":265000}, {"name":"Action 5", "type":6,
浏览 3
提问于2013-07-25
得票数 1
回答已采纳
2
回答
CSS不是带有后面内容的选择器
css
、
css-selectors
、
pseudo-element
是否可以将:not()选择器/伪对象与:after一起使用? 因此,例如,如果我有以下内容: li:hover > ul { display: block; } li:after { content: " "; width: 200px; height: 200px; background: #cccccc; position: absolute; top: -100px; left: -100px; } 发生的情况是,如果用户将鼠标悬停在由创建的内容上,则它也会使子菜单显示块。换句话说,悬停其他的LI或之
浏览 1
提问于2012-07-01
得票数 0
1
回答
自闭合元素可以应用::before和::after伪元素
html
、
css
、
w3c
、
pseudo-element
我特别想了解何时可以将::before和::after伪元素应用于自结束标记。根据,这是这些伪元素的定义 12.1 :before和:after伪元素:Authors使用:before和:after伪元素指定生成内容的样式和位置。顾名思义,:before和:after伪元素指定元素的文档树内容之前和之后的内容位置。“content”属性与这些伪元素一起指定要插入的内容。 基于此,这些伪元素似乎旨在修改元素的内容。根据我的理解(尽管我找不到权威的来源来支持这一点),“内容”或多或少被定义为“开始标记和结束标记之间的东西”;因此,我认为没有“内容”的元素(比如HTML标记)不应该支持::bef
浏览 21
提问于2014-10-29
得票数 22
回答已采纳
2
回答
如何使用css在图像上显示框:after
html
、
css
、
overlay
、
pseudo-element
我有更多的网页应用程序,我不能改变所有的网页,但我可以改变css代码。 我有一个带有“缩略图”标签和css类的img来显示图像。 我想用css在图像上显示一个盒子。 .thumbnail {position:relative;width:128px;height:128px;} .thumbnail:after {position:absolute;width:20px;height:128px;top:0px;right:0px;background-color:#ff0;content:" ";z-index:100;} <img class="thumb
浏览 3
提问于2015-08-15
得票数 1
1
回答
SVG作为ReactComponent-可以在render中获取宽度吗
reactjs
、
svg
从‘../ SVGTest /299.svg’导入{ ReactComponent as SVGTest} 有没有办法在返回期间从SVGTest中提取宽度。 我想将SVG的默认宽度与窗口的宽度进行比较。如果小于我想使用的SVG宽度。 此时,我将应用程序中所有数百个SVG的宽度设置为290px,高度也相应地进行了调整。 然而,一些SVG更宽,对于那些,我更喜欢使用它的宽度,而不是默认的290px。
浏览 14
提问于2019-10-23
得票数 0
1
回答
CSS填充正在使用:after选择器-如何使它独立地工作在主元素上
wordpress
、
css
、
less
在WordPress小部件的设计中,我使用css :after选择器(我正在使用更少的)向小部件头部添加了一个阴影效果: h3.widget-title{ text-align: center; font-size: 16*@toRem; text-transform: uppercase; //line-height: 1.5; padding-bottom: 5px; margin-bottom: 10px; &:after{ content: ''; display: block; background: tr
浏览 5
提问于2014-05-25
得票数 0
回答已采纳
1
回答
使用CSS操作在伪元素之前添加了::的SVG?
css
、
svg
、
css-selectors
我用最常见的方式用SVG-image替换了一个复选框按钮: [type="checkbox"] + label:before { content: url("data:image/svg+xml,<svg ...> ... </svg>"); /* Some more styling */ } 有没有什么办法,我可以用CSS来定位我的SVG的路径来改变它的填充呢?可能不会但是..。 提前感谢!
浏览 3
提问于2016-05-13
得票数 0
2
回答
实现css复选框firefox
css
、
firefox
我试图做一个材料设计复选框,但我有一个小问题的火狐。火狐未显示复选框。其他浏览器没有任何问题,它不是只显示firefox。在这方面有人能帮我吗? HTML <input type="checkbox" class="rememberme"> Remember me</input> CSS html{ font-family:tahoma; } .rememberme:before{ visibility:visible; content:""; border:2px solid #DDD; width
浏览 0
提问于2015-07-20
得票数 3
1
回答
pdf2svg导致图像模糊
pdf
、
svg
、
inkscape
、
image-conversion
我正在尝试将pdf图形转换为svg,这样我就可以用Inkscape编辑一些细节。我遇到的问题是,通过某种平滑处理,导入会有轻微的变化。 特别是,这是原始的数字: 这是转换为SVG后的图 这是pdf2svg的输出,这与我直接使用Inkscape得到的输出完全相同。 我附上了一个链接,你可以在那里获得这两个文件。 您是否了解解决此问题的方法?
浏览 0
提问于2017-07-07
得票数 1
1
回答
D3,在缩放/pan上更新绘制的数据
javascript
、
d3.js
我用一些json数据绘制了一张D3拓扑json地图上的一些点,我正在努力让它放大。我有一个非常简单的变焦工作,但我绘制的点不是移动/更新与变焦。 看这里- 以下是基本设置: var svg = d3.select("#map").append("svg") .attr("preserveAspectRatio", "xMidYMid") .attr("viewBox", "0 0 " + width + " " + height) .attr("width", m
浏览 1
提问于2015-02-11
得票数 4
回答已采纳
1
回答
如何去除svg文档的transform属性?
c#
、
xml
、
svg
我创建了一个只包含1个flowRoot元素的svg document,然后保存了它。然后当我 在visual studio中重新打开该文档时,我在flowRoot元素中看到了一个transform属性。但是我 之前也创建了一些svg文件,当时我没有看到任何这样的属性。这是什么? 属性的含义以及如何摆脱它。我正在使用inkscape来创建svg文档。
浏览 1
提问于2012-07-14
得票数 0
回答已采纳
3
回答
在Chrome中,.svg图像在特定缩放级别下模糊
html
、
css
、
xml
、
google-chrome
、
svg
我已经决定让我的网站徽标作为一个svg,但它似乎不能很好地呈现在chrome中。在100%的缩放级别下,它看起来很模糊,但如果我缩小几倍,它看起来还可以。这是我正在使用它的网站: 有没有人知道这可能是什么原因以及如何修复?谢谢 我在Illustrator CS5中制作了svg,如果有关系的话。
浏览 0
提问于2013-01-05
得票数 12
回答已采纳
1
回答
d3向d3.xml加载元素添加缩放功能
javascript
、
d3.js
、
svg
我正在使用d3.xml动态加载svg映像。然后,我想使用d3.behavior.zoom()将缩放功能附加到这个svg上。 有人能解释一下如何将d3.behavior.zoom()与加载的svg链接起来吗?我在网上找不到任何东西。 见下面的现行代码: JS <script src="http://d3js.org/d3.v3.js"></script> d3.xml("map.svg").mimeType("image/svg+xml").get(function(error, xml) { if (error)
浏览 1
提问于2016-11-01
得票数 1
回答已采纳
1
回答
SVG图形在IE10和11中不能缩放
svg
、
internet-explorer-9
、
internet-explorer-11
我在IE10和11上的网站上遇到了SVG图形的问题。 它在Google-chrome和Firefox中运行良好,但在Internet explorer中运行不佳。图形很小,我不能在IE上缩放它。 SVG对象写为: <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 570 910" style=&
浏览 1
提问于2016-04-13
得票数 0
1
回答
内有固定大小的对象:前或后伪元素
css
、
pseudo-element
我知道我可以做这样的事: .container:after { content: url("../images/img.png"); display: inline-block; width: 100%; height: auto; } 我是否可以在不引用图像的情况下实现类似的功能?我需要的是伪元素来根据父元素的宽度改变它的高度(例如,.container)。非常类似于与width:100%; height: auto;的图片非常感谢!
浏览 0
提问于2016-03-15
得票数 0
回答已采纳
3
回答
为什么使用这个选择器:在使用CSS代码之后?
css
我从得到了这段代码 div.grid:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } 即使我删除了,也什么也没发生。所以,说不通。 我看到基于:before和:after的许多技巧都在使用。我想要理解这一点,所以我问。
浏览 2
提问于2013-10-05
得票数 0
回答已采纳
2
回答
在代码中没有出现伪元素之后
html
、
css
、
pseudo-element
、
css-content
我正在尝试使用after伪元素来为站点添加一些效果。 <div class="product-show style-show"> <ul> <li> .... <div class="..."> <div class="readMore less">...</div> <a href="3" class="readMoreLink" onclick="return
浏览 28
提问于2015-04-11
得票数 17
回答已采纳
2
回答
我应该为一个元素使用什么选择器,这取决于伪元素的悬停行为?
html
、
css
、
css-selectors
、
hover
、
pseudo-element
我用假元素做了汉堡菜单。现在我需要显示一个菜单,如果一个伪元素是悬停的.我可以这样选择:.header:hover:before,但是我不能强迫菜单依赖它。 它是html的结构: <header class="header"> <a href="#"><img src="img/logo.svg" alt="logo" class="logo logo_header"></a> <nav class="menu menu_header
浏览 3
提问于2019-12-18
得票数 0
1
回答
D3.js单击时缩放和平移到元素
javascript
、
svg
、
d3.js
、
zooming
我已经看过几篇关于如何缩放到更大的SVG中的元素的帖子,该SVG本身也有缩放和平移功能,但没有任何运气。我有一个很大的地图,你可以手动缩放和平移到元素,这是可行的,但我希望它缩放和平移到任何元素本身时,点击这样的元素。我似乎无法为转换获得正确的值。 这是目前为止我所学到的一些技巧: var svg = d3.select("#svg-container svg"); var container = svg.select("#container"); zoom = d3.behavior.zoom() .translate([0, 0]) .s
浏览 0
提问于2015-05-28
得票数 3
2
回答
可以在表行中使用伪元素(:after,:before)吗?
css
、
html-table
、
pseudo-element
、
absolute
我想添加绝对定位的元素作为表行的:after (of :before)。 看看这个: table { border: 1px dotted gray; border-collapse: collapse; border-spacing: 0; td { padding: 0; margin: 0; width: 100px; background: rgba(255, 0, 0, 0.2) } } table.a .special::before { content: 'a'; } table.b .special::
浏览 0
提问于2013-10-25
得票数 11
2
回答
如何将svg缩放到视口,但保持填充图像的纵横比
css
、
svg
我想用svg填充一个视口,并在此svg中的路径中添加填充。 当我将preserveAspectRatio="xMinYMin slice"设置为图像模式时,它将很好地保留它的纵横比,但路径不会缩放。 如果我随后将preserveAspectRatio="none"添加到svg元素,整个元素将适合视口,但我的图像将不能正确缩放。 我忽略了什么? <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0
浏览 6
提问于2018-02-22
得票数 0
回答已采纳
2
回答
有h1::使用一种样式,.class H1::后面有另一种样式吗?
html
、
css
嘿,伙计们,我希望我的标题足够清晰,但是我有一个svg,在我的<h1></h1>之后,我用h1::after{}作为分隔器。 在我的一个元素中,我需要改变h1::after{}的颜色,所以它看起来像.element-class h1::after{},我正在尝试,但是它不起作用。 有可能做这样的事吗?
浏览 0
提问于2018-11-13
得票数 1
回答已采纳
2
回答
如何在SVG中获取ScrollBars?
html
、
css
、
svg
我有一个SVG元素,里面有很多元素。SVG-元素有一个viewbox,所以您可以按一个缩放按钮,这些元素看起来更大或更小。效果很好。现在的问题是,当元素溢出父SVG-元素时,不会出现ScrollBars。 示例: <div width="100%" height="100%"> <svg height="100%" width="100%" style="overflow-x: auto; overflow-y: auto; "viewBox="0 0 793 1122">
浏览 5
提问于2011-12-01
得票数 37
1
回答
在CSS伪元素中引用内联SVG?
css
、
svg
这是一个很长的机会。我希望有一个svg形状出现在每个h3元素之前,但它的颜色会随着它所在的div类的不同而改变。我知道我不能通过"content“属性引用一个单独的svg文件来完成此操作。 有没有一种方法可以通过引用内联svg -通过content属性或其他方式?!由于网站上的实际文本将由不会使用html的用户编写,我不能简单地在每个h3元素之前对其进行硬编码…… 谢谢!
浏览 2
提问于2015-04-22
得票数 2
1
回答
为什么这个选择器的动画字体大小的SVG工作不一致?
css
、
svg
、
css-selectors
我的CSS选择器在应用于SVG时似乎不一致。我试图动画一个SVG的出现和消失,但动画只适用于不透明度,而不是字体大小。 <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="flashCue" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" style=
浏览 0
提问于2019-07-10
得票数 0
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
20条CSS高级技巧
24个 CSS 高级技巧合集
CSS文字特效-裂开吧
从零开始学 Web之CSS3(一)CSS3概述,选择器
CSS高级技巧,看完提升一个层次
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券