如何在FireFox中使用SVG的十六进制值

作者：Mr_小迪2502897623 | 来源：互联网 | 2023-05-21 14:14

如何解决《如何在FireFox中使用SVG的十六进制值》经验，为你挑选了1个好方法。

我正在使用CSS类将SVG URL加载到网页中.这适用于我测试的每个浏览器,除了Firefox 35.0.1(可能还有早期版本的Firefox).我注意到当使用实际颜色名称(例如白色)作为笔划时,它按预期工作,但是当我使用十六进制值时,例如#ffffff,它根本不显示笔划.根据MDN,支持十六进制值.

所以,这很好用:

.ui-stroke-icon .ui-icon-head:after,
    background-image: url('data:image/svg+xml;utf8,



但这不是:

.ui-stroke-icon .ui-icon-head:after,
    background-image: url('data:image/svg+xml;utf8,


有什么办法可以在这里使用十六进制值吗？这真的有助于保持我的Sass尽可能干燥.


1> Robert Longs..：
字符#在URL中保留为片段标识符的开头.您必须将其编码为%23才能使URL有效.这不是Firefox的错误.

或者,您可以使用base64对整个字符串进行编码.




    
        
                        css
                        firefox
                        sass
                        svg
                        sas
                        xml
                        version
                        utf-8
                        http
                    
    



    
        写下你的评论吧 !
        
            
                吐个槽吧,看都看了
            
            
                
                                        会员登录 | 用户注册
                                    
                
            
        

        
    

    
        推荐阅读
        
            
                                
                    
                        version
                        Android 中 layout_gravity 的应用与注意事项
                    

                    
                                                
                        本文详细介绍了 Android 开发中 layout_gravity 属性的使用方法及其在不同布局下的效果，旨在帮助开发者更好地理解和利用这一属性来精确控制视图的布局。 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2024-12-20 14:38:17
                    

                

                
                                
                    
                        version
                        编译sass，遇到报错error style.scss (Line 3: Invalid GBK character "\xE5")
                    

                    
                                                
                            
                        
                                                
                        今天学习sass，写了一行中文注释,结果却遇到了报错:1cmd.exeDCcallC:Ruby23-x64binscss.bat--no-cache--update ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-11 13:34:33
                    

                

                                
                    
                    
                
                
                                
                    
                        java
                        Sass/Scss、Less 是什么？
                    

                    
                                                
                        本文主要分享【】，技术文章【SassScss、Less是什么？】为【CRMEB】投稿，如果你遇到CRMEB,学习笔记相关问题，本文相关知识或能到你。Sass(SyntacticallyAw ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-08-26 20:16:48
                    

                

                
                                
                    
                        java
                        【sass】实现三角函数
                    

                    
                                                
                        首先要说sass和scss的区别。sass之前是缩进的语法，有点像python和jade那样，写起来有点不方便，所以后来兼容了css的写法，就变成了scss。sass支持函数，循环，each，mixi ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-08-22 20:42:03
                    

                

                
                                
                    
                        java
                        深入理解动画队列
                    

                    
                                                
                        动画队列的设计目的是为了确保一系列任务能够按照预定顺序执行，每个任务只有在其前一个任务完成后才开始。这些任务既可以是同步的，也可以是异步的。本文将探讨jQuery动画系统中的队列机制，并介绍如何使用队列来优化动画效果。 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2024-12-07 10:26:02
                    

                

                
                                
                    
                        int
                        jQuery 1.4.4 版本更新亮点
                    

                    
                                                
                        jQuery 1.4.4 已经发布，这是自 1.4.3 版本以来不到一个月的又一更新。本次更新主要集中在基于用户反馈的错误修复，并引入了一项新的功能。 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2024-12-06 17:19:16
                    

                

                
                                
                    
                        int
                        解决iOS移动端300毫秒点击延迟问题
                    

                    
                                                
                        移动端浏览器为了识别用户的双击放大操作，通常会在点击后引入300毫秒的延迟。虽然这种延迟在日常使用中可能不易察觉，但对于需要即时响应的应用（如网页游戏）来说，消除这一延迟至关重要。 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2024-11-27 20:34:45
                    

                

                
                                
                    
                        int
                        探索HTML5：十五个关键的新特性
                    

                    
                                                
                        本文深入探讨了HTML5中十五个重要的新特性，为开发者提供了详细的指南。 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2024-11-26 19:09:22
                    

                

                
                                
                    
                        int
                        cnpm 安装 node-sass & sass-loader, 仍旧无法编译的原因
                    

                    
                                                
                        原因：增加配置：webpack.base.conf.jsloaders:{scss:[vue-style-loader,css,sass].join(! ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-09 15:27:27
                    

                

                
                                
                    
                        int
                        ruby环境中自动编译sass教程
                    

                    
                                                
                            
                        
                                                
                        ruby环境中自动编译sass教程-sass为CSS的赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护!sass安装安装完ruby之后，在开始菜单中，找到 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-09 15:03:48
                    

                

                
                                
                    
                        int
                        SCSS中的整数
                    

                    
                                                
                        我在SCSS中为网格列（12列）提供了一个@for函数。我的SASS功能：@for$ifrom1through12 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-04 13:43:45
                    

                

                
                                
                    
                        java
                        HTML中的自定义游标
                    

                    
                                                
                        我正在为网站创建自定义光标。当鼠标移动时，我有两个div居中于光标，但是当 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-08-20 15:07:24
                    

                

                
                                
                    
                        java
                        sass在vue中需要注意什么
                    

                    
                                                
                            
                        
                                                
                        这篇文章将为大家详细讲解有关sass在vue中需要注意什么，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。当用@imp ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-08-17 16:40:03
                    

                

                
                                
                    
                        java
                        侧边工具条实现 scss+requirejs（1）
                    

                    
                                                
                            
                        
                                                
                        慕课上的一个案例，刚刚学完scss然后找到了这个课程复习一下。顺便老师教了一下requirejs的使用。这可是我的第一个组件啊，拖了好久好久哦。三种html的布局以及优缺点：+ ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-08-16 09:01:25
                    

                

                
                                
                    
                        java
                        Sass入门：第一章
                    

                    
                                                
                        1.什么是预处理器？　　CSS预处理器是用一种专门的编程语言，进行Web页面样式设计，然后再编译成正常的CSS文件，以供项目使用。CSS预处理器为CSS增加一些编程的特性，无需考虑浏览器的兼容性问题。 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-08-15 10:45:14

















    

    
        
            
            
                
                
            

            
                Mr_小迪2502897623            

            
                这个家伙很懒，什么也没留下！            


        
    

    
    

    
    

    
        Tags | 热门标签
        
            
                                
                    erlang
                
                                
                    subset
                
                                
                    bit
                
                                
                    version
                
                                
                    vbscript
                
                                
                    uml
                
                                
                    object
                
                                
                    request
                
                                
                    php7
                
                                
                    metadata
                
                                
                    express
                
                                
                    match
                
                                
                    byte
                
                                
                    foreach
                
                                
                    input
                
                                
                    list
                
                                
                    testing
                
                                
                    httpclient
                
                                
                    iostream
                
                                
                    java
                
                                
                    yaml
                
                                
                    grid
                
                                
                    web3
                
                                
                    eval
                
                                
                    string
                
                                
                    usb
                
                                
                    httprequest
                
                                
                    int
                
                                
                    fetch
                
                                
                    stream
                
                                
            
        
    

    
    
        
            
            
        
        RankList | 热门文章
        
            
                                
                    12018全国中小学生512防灾减灾教育专题入口
                
                                
                    2paper 134：结构张量structure tensor（二）
                
                                
                    3zabbix oracle 密码过期,oracle 用户密码过期ORA28001: 口令已经失效
                
                                
                    4(Relations) Relation overview and MultiPartKyes
                
                                
                    5如何从打字稿文件中禁用输入字段
                
                                
                    6获取数组中逆序对的对数
                
                                
                    7勤奋翻译一篇中文最友爱的，Web Audio API的运用相干的文章
                
                                
                    8Leetcode学习之栈和队列
                
                                
                    9java 获取post xml,java  – 如何从POST请求中获取XML并在Servlet Filter中修改它？
                
                                
                    10流程控制深入理解
                
                                
                    11Cherno C++ P69 C++的类型转换
                
                                
                    12如何找到我点击的页面（Javascript）
                
                                
                    13audiorecord怎么释放_(转)AudioRecord 释放资源错误（进程意外中断）
                
                                
                    14PMP培训机构哪家好，求推荐？
                
                                
                    15Android常见漏洞