【27前端】base标签带有href属性会让chrome里的svg元素url失效

一个chrome的问题,但具体原因不明。

触发条件:chrome浏览器base标签里href属性有值的时候

触发问题:svg里面的元素如果有用url的滤镜和模糊,则会失效,在firefox里和IE10没有发现这个问题。

正常状态:

有base标签且href里值为“.”的时候chrome里的状态:

 测试代码:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>chrome bug</title>
<style>
#svg{ width:500px; height:500px; display:block; margin:20px auto; background-color:#000; }
</style>
<!--当href=""里面有值的时候填写的url都会失效-->
<base href="." target="_blank"><!--当href=""这样则不会-->
<!--<base target="_blank">-->
</head><body>
<svg id="svg"><defs><lineargradient id="blur1" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" style="stop-color:#FF0000;stop-opacity:0"></stop><stop offset="100%" style="stop-color:#FF0000;stop-opacity:1"></stop></lineargradient><filter id="Gaussian_Blur"><feGaussianBlur in="SourceGraphic" stdDeviation="3" /></filter></defs><circle cx="200" cy="50" r="40" style="stroke:url(#blur1); filter:url(#Gaussian_Blur); stroke-width:10; fill:yellow; "/><line x1="0" y1="0" x2="300" y2="300" style="stroke:url(#blur1); stroke-width:2;" />
</svg>
</body>
</html>

 

具体原因不明,希望有大神赐教。

 

转载于:https://www.cnblogs.com/css27/p/3873079.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/293251.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

新成立的Scala中心将重点关注教育和Scala社区

在2016年6月的Scala Days柏林大会上&#xff0c;研究员Heather Miller在主题演讲中详细介绍了新成立的的Scala中心。这是一个非盈利性的组织&#xff0c;将重点关注教育和开源社区。\\InfoQ在最近发表的一篇文章中介绍过Scala中心&#xff0c;这里我们将介绍更多的细节。\\为什…

Android之root手机之后用busybox找到我们需要删除的文件

第一步&#xff1a;root手机 给手机root,我们可以使用kingroot 第二步&#xff1a;下载busybox 把下好的busybox放在ubuntu Desktop文件夹第三步&#xff1a;把busybox移到手机sdcard 打开Desktop终端adb push busybox-armv6l /sdcard/ 第四步&#xff1a;执行su命令 在ubun…

强大的矩阵奇异值分解(SVD)及其应用

本文由LeftNotEasy发布于http://leftnoteasy.cnblogs.com, 本文可以被全部的转载或者部分使用&#xff0c;但请注明出处&#xff0c;如果有问题&#xff0c;请联系wheeleastgmail.com 前言&#xff1a; 上一次写了关于PCA与LDA的文章&#xff0c;PCA的实现一般有两种&#xff0…

已婚男人看见美女都这个眼神?

1 答应我&#xff1a;穿汉服晚上就别骑车了&#xff01;&#xff08;素材来源网络&#xff0c;侵删&#xff09;▼2 真香定理从来不迟到▼3 这万圣节大餐吃得下去吗&#xff1f;&#xff08;素材来源网络&#xff0c;侵删&#xff09;▼4 这...也灵活了吧&#xff1f;▼5 谁…

一个程序如何连接到外网_如何开发制作小程序?做一个电商带直播小程序

开发制作小程序可以让商家更方便地引流获客、增加线上订单。尤其是今年小程序直播大火&#xff0c;商家有了新的运营私域流量的利器&#xff0c;因此做一个电商带直播功能的小程序是很有用的。如何开发一个这样的小程序呢&#xff1f;流程如下&#xff1a;在「上线了」sxl.cn注…

Linux中rename和mv命令用法学习修改文件名区别和总结

如何用命令修改文件名呢&#xff1f;在Linux下可以用rename命令&#xff0c;当然还可以使用mv命令&#xff0c;这里分享下Linux rename命令的用法。 有一部分人说Linux下没有rename命令&#xff0c;建议大家用mv命令。 对rename命令和mv命令在重命名文件方面做一个比较&#xf…

配置Windows 2008 R2 防火墙允许远程访问SQL Server 2008 R2 更改端口 连接字符串 IP+逗号+端口号...

1.先修改 sql server 2008R2的端口号吧&#xff0c;1433经常成为别人入侵的端口&#xff0c;在sql server 配置管理器 --》sql server 网络配置--》MSSQLSERVER的协议&#xff0c;把里面的 TCP/IP --》属性 ip地址里面的端口号都改成2433&#xff0c;重启 sql server 服务(MSS…

总结之前做项目中要注意的一些书写规范

通过这次的《小巨蛋项目》网站的实战中&#xff0c;最主要的还是代码的书写规范吧&#xff0c;可能在这次的网站的实战中代码不是写的很好&#xff0c;没有好好的去规划规划再做&#xff0c;导致了给人的感觉就是有点乱的感觉&#xff0c;所以要求以后的项目中书写代码要更加的…

推荐:Flowchart 一种通过文本方式描述的流程图

流程图&#xff08;Flowchart&#xff09;&#xff1a;使用图形表示算法的思路是一种极好的方法&#xff0c;因为千言万语不如一张图。流程图在汇编语言和早期的BASIC语言环境中得到应用。相关的还有一种PAD图&#xff0c;对PASCAL或C语言都极适用。Flowchart 是一种通过文本方…

一些奇葩的元素节点object,video

object元素 object这个元素&#xff0c;现在前端很少用到&#xff0c;但是像flash&#xff0c;svg等奇葩元素&#xff0c;必须嵌套在object对象元素中。现代浏览器用video&#xff0c;canvas代替这些元素。 之前做过图表和地图的一些应用&#xff0c;像highchart,e-chart&#…

linux 下删除文件夹(文件夹不为空时)

方法一&#xff1a; rmdir folderName // 说明&#xff1a;这指适合在folder为空的时候 方法二&#xff1a; rm -rf folderName //推荐使用&#xff0c;说明&#xff1a; -r 向下递归&#xff0c;不管多少级目录&#xff0c;一并删除&#xff1b;-f 直接强行删除&#xff0c…

thinkpad如何屏蔽bios更新 提示电池_有种血赚叫“二手”!3000搞定原价万元ThinkPad小黑本,真省钱...

你会为买种草已久笔记本剁手吗&#xff1f;在这不容易的2020年上半年&#xff0c;准备剁手买新电脑之前都得犹豫好几天吧&#xff0c;毕竟大家的钱包都收紧了。就连闲鱼上带有“年会奖品”、“刚买的老婆让退货”标签的东西都少了&#xff0c;各家厂商推出的新品也都在走极致性…

magento模板 -- 如何安装magento模板

在magento下面安装模板首先要了解magento的模板结构&#xff1a;每个magento模板都包含如下的类似结构&#xff1a;--app/design/frontend/default/[模板名称]-------layout-------template-------locale--skin/frontend/default/[模板名称]-------js-------css-------images所…

轻松使用富文本

最后发现需要6.0以后&#xff0c;因为nsfontattributename之类的是6.0以后的api长久以来&#xff0c;我以为富文本是一种在ios中使用特别麻烦的事情&#xff0c;但是不经意的研究发现&#xff0c;其实并没有那么难&#xff01;以下的代码实现了uilabel中放置富文本。NSMutableA…

转载集合

本页链接均可单机跳转&#xff0c;网址过长的只给出超链接 背包九讲 pdfhttps://github.com/tianyicui/pack/blob/master/V2.pdf wzk线段树笔记http://wyfcyx.logdown.com/posts/201802-summary-data-structures-zkw-segment-tree-details 1 #include<cstdio>2 #include&…

人人都可以成为记忆高手--罗马室记忆法则

我这几天时间刚刚把《记忆力的革命》这本书看完第二遍。书的最后有一个七天的记忆训练很不错&#xff0c;通过这个历时一周的系列练习&#xff0c;可以让你快速增强你的记忆能力。这个训练很基础&#xff0c;也很容易坚持下来&#xff0c;我会分为七天来更新这个训练&#xff0…

c#屏幕录制(经典)(含源码和AForge.Video.FFMPEG.DLL)及填坑办法

一直觉得.net在多媒体处理方面渣得不行。最近需要做一个摄像头的程序&#xff0c;为了方便&#xff0c;用了AForge这个开源项目。AForge项目中有AForge.Video和AForge.Video. DirectShow这两个子项目&#xff0c;可以方便的调用摄像头。但是这两个项目最终只能取得视频帧&#…

linux 配置path

方法一&#xff1a;explor 方法 $ export PATH$PATH;<your path> 说明&#xff1a;上述方法的PATH 在终端关闭 后就会消失 方法二&#xff1a;修改家目录下的.bashrc(即&#xff1a;~/.bashrc) $ vi ~/.bashrc 在 .bashrc内容中修改PATH, 保存退出 PATH$PATH;<yo…

drawable文件怎么添加图片_怎么给PDF文件添加书签

现如今我们使用的电子文档逐步都被PDF取代&#xff0c;虽然PDF有很多好处&#xff0c;但相较Word文档打开就能随意修改不同&#xff0c;PDF并不能直接编辑。比如有时我们要给PDF添加书签&#xff0c;这样可以快速找到要的页面&#xff0c;要怎么操作呢&#xff1f;一说到PDF的任…