如果您想了解为什么我的CSS掩码无法在Firefox中运行？的相关知识，那么本文是一篇不可错过的文章，我们将为您提供关于AjaxPreloader在Firefox中无法在Chrome浏览器中运行、as
如果您想了解为什么我的CSS掩码无法在Firefox中运行？的相关知识，那么本文是一篇不可错过的文章，我们将为您提供关于Ajax Preloader在Firefox中无法在Chrome浏览器中运行、asp.net – 我的javascript代码无法在mozilla firefox中运行、asp.net-mvc – Font Awesome在优化和CDN时无法在Firefox中运行、CSS @ -moz-keyframes动画无法在Firefox 18.0.1上运行的有价值的信息。
本文目录一览：- 为什么我的CSS掩码无法在Firefox中运行？
- Ajax Preloader在Firefox中无法在Chrome浏览器中运行
- asp.net – 我的javascript代码无法在mozilla firefox中运行
- asp.net-mvc – Font Awesome在优化和CDN时无法在Firefox中运行
- CSS @ -moz-keyframes动画无法在Firefox 18.0.1上运行
为什么我的CSS掩码无法在Firefox中运行？
它在Chrome中运行良好,所以我必须做正确的事情.
这是代码：
<style type="text/css">
.element {
width: 250px;
height: 250px;
overflow: hidden;
color: #fff;
background: url(images/film.png);
mask:url(images/cat.svg);
-webkit-mask-image: url(images/cat.svg);
}
</style>
</head>
<body>
<div>
</div><img src="images/cat.svg" width="250" height="250" />
</body>
可在此查看：kindervakantiepas.nl/mask/mask.html
为什么它不适用于Firefox？
解决方法
<?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" [
<!ENTITY ns_svg "http://www.w3.org/2000/svg">
<!ENTITY ns_xlink "http://www.w3.org/1999/xlink">
]>
<svg xmlns="&ns_svg;" xmlns:xlink="&ns_xlink;" width="313.204" height="377.418" viewBox="0 0 313.204 377.418" >
<defs>
<mask id="maskid" maskUnits="objectBoundingBox">
<polygon stroke="#FFFFFF" fill="#FFFFFF" stroke-miterlimit="10" points="56.609,171.248 116.609,207.586 189.849,165.896 182.243,136.037
174.638,108.994 208.159,98.854 209.849,74.628 189.567,59.698 200.553,38.008 181.116,58.572 163.651,56.037 154.074,32.938
156.328,54.064 148.722,59.98 148.44,83.642 118.018,92.375 78.863,111.248 69.286,144.769 50.13,86.177 "/>
</mask>
</defs>
<g>
<polygon stroke="#FFFFFF" stroke-miterlimit="10" points="56.609,86.177 "/>
</g>
</svg>
对于FF,您可以通过id引用使用掩码(在此示例中为：maskid)：
在CSS中：
.element {
background: url("images/film.png") repeat scroll 0 0 transparent;
color: #FFFFFF;
height: 250px;
overflow: hidden;
width: 250px;
mask: url("images/cat.svg#maskid");
-webkit-mask-image: url(images/cat.svg);
}
Ajax Preloader在Firefox中无法在Chrome浏览器中运行
我在“ Ajax加载程序映像”中有问题。在Firefox上运行正常，但在chrome上，ajax加载程序映像似乎没有。
我在检查任何属性产品时会在边栏上有一些属性，产品会根据它进行更改，并且在ajax完成之前会生成一个预加载器图像。我正在做的是在我首先检查任何属性时在div
html中插入gif图像并使用.show（）方法，并且在ajax成功之后，我将div html设置为null并将其隐藏。
您可以在萤火虫（<div id="ajax_loader_div"></div>）中看到该div
代码真的很复杂，所以我不在这里发布代码。对此非常抱歉。您可以在http://vcompare4u.com/wpcompare/products/laptops/上看到它
我需要帮助。请谢谢！！！
asp.net – 我的javascript代码无法在mozilla firefox中运行
<asp:TextBox ID="txtRotationNo" runat="server" onkeydown="return NumberOnly();" Csshttps://www.jb51.cc/tag/Box/" target="_blank">Box"></asp:TextBox>
function NumberOnly () {
if(!(event.keyCode>=48 && event.keyCode<=57) && event.keyCode!=8) {
event.returnValue=null;
}
}
此代码适用于Chrome和Opera,但不适用于Firefox.
你能告诉我这段代码有什么问题吗？
解决方法
function NumberOnly(e) {
e = e || window.event; // remove this if you don't need IE support
if (!(e.keyCode >= 48 && e.keyCode <= 57) && e.keyCode != 8)
e.preventDefault(); // standard method of cancelling event
return false; // IE method of cancelling event
}
asp.net-mvc – Font Awesome在优化和CDN时无法在Firefox中运行
UseCdn包：
bundles.UseCdn = true;
bundles.Add(new StyleBundle("~/Content/fontawesome/css")
.Include("~/Content/css/font-awesome.css"));
BundleTable.EnableOptimizations = true;
但是,当我打开UseCdn和EnableOptimizations时,CSS文件无法在Firefox中呈现.它在Chrome中有效.
我究竟做错了什么？我怎样才能解决这个问题？提前致谢！
解决方法
供参考：
https://bugzilla.mozilla.org/show_bug.cgi?id=627616
CSS @ -moz-keyframes动画无法在Firefox 18.0.1上运行
Firefox 18.0.1上的css @ -moz-keyframes动画不起作用，
我已经检查了该动画的先前版本（忘记了先前的版本号），它在起作用，
这是动画
<html> <head> <style type="text/css"> @-webkit-keyframes animation { 0% { -webkit-transform:translate(100px,100px) scale(1); } 50% { -webkit-transform:translate(00px,00px) scale(2); } 100% { -webkit-transform:translate(100px,100px) scale(1); } } @-moz-keyframes animation_m { 0% { -moz-transform:translate(100px,100px) scale(1); } 50% { -moz-transform: translate(00px,00px) scale(2); } 100% { -moz-transform:translate(100px,100px) scale(1); } } .cc1{ -webkit-animation-name: "animation"; -webkit-animation-duration: 2s; -webkit-animation-timing-function: linear; -moz-animation-name: "animation_m"; -moz-animation-duration: 2s; -moz-animation-timing-function: linear; } #id1,#ci1{ position:absolute; top:0px; left:0px; } </style> <script type="text/javascript"> window.onload=function(){ var e=document.getElementById("ci1"); var ctx=e.getContext("2d"); ctx.fill; ctx.fillRect(0,0,90,90); } </script> <body> <div id="id1"> <canvas width="100" height="100" id="ci1" ></canvas> </div> </body></html>是Firefox错误吗？
答案1
小编典典Firefox18（以及Opera，IE10和不久的将来的许多其他产品）期望W3C属性没有供应商前缀。确保添加以下块：
@keyframes animation_m { 0% { transform:translate(100px,100px) scale(1); } 50% { transform: translate(00px,00px) scale(2); } 100% { transform:translate(100px,100px) scale(1); }}.cc1 { animation-name: animation_m; animation-duration: 2s; timing-function: linear;}请注意，-moz-transform属性也已更改为transform。
对于所有带前缀的CSS属性，您应 始终包括无供应商前缀的版本。我还建议给您的CSS样式和动画名称更多描述性的名称。
今天关于为什么我的CSS掩码无法在Firefox中运行？的介绍到此结束，谢谢您的阅读，有关Ajax Preloader在Firefox中无法在Chrome浏览器中运行、asp.net – 我的javascript代码无法在mozilla firefox中运行、asp.net-mvc – Font Awesome在优化和CDN时无法在Firefox中运行、CSS @ -moz-keyframes动画无法在Firefox 18.0.1上运行等更多相关知识的信息可以在本站进行查询。
本文标签：
