Tag: Firefox的

文本溢出：省略号在Firefox 4？ （和FF5）

text-overflow:ellipsis; CSS属性必须是Microsoft为Web所做的less数几件事情之一。 所有其他浏览器现在支持它…除了Firefox。 火狐开发者自2005年以来一直在争论，但是尽pipe有明显的需求，但他们似乎并没有真正实现它（即使是一个实验-moz-实现也是足够的）。 几年前，有人想出了一个方法来攻击Firefox 3，使其支持省略号 。 hack使用-moz-binding特性来使用XUL来实现它。 相当多的网站现在正在使用这个黑客。 坏消息？ Firefox 4正在删除-moz-binding特性 ，这意味着这个黑客将不再工作。 所以，一旦Firefox 4发布（本月晚些时候，我听到），我们将回到它不能支持这个function的问题。 所以我的问题是：有没有其他解决方法呢？ （如果可能，我试图避免回到Javascript解决scheme） [编辑] 大量的表决，所以我显然不是唯一想知道的人，但我到目前为止有一个基本上说'使用JavaScript'的答案。 我仍然希望有一个根本不需要JS的解决scheme，或者最糟糕的情况是只使用它作为CSSfunction不起作用的后备。 所以我要在这个问题上发表一个赏金，在某个地方find答案的机会。 [编辑] 更新：Firefox进入了快速开发模式，但是尽pipeFF5现在正式发布，但这个function仍然不被支持。 而现在大多数用户已经从FF3.6升级，黑客已不再是一个解决scheme。 我听说这个好消息可能会被添加到Firefox 6中，随着新的发布时间表应该只在几个月内。 如果是这样的话，那么我想我可以等待它，但是很遗憾，他们不能早日排好它。 [最终编辑] 我看到省略号function最终被添加到Firefox的“Aurora Channel”（即开发版本）中。 这意味着它现在应该作为Firefox 7的一部分发布，这个版本将在2011年底发布。真是太好了。 发行说明可在这里： https : //developer.mozilla.org/en-US/Firefox/Releases/7

JavaScript console.log导致错误：“主线程上的同步XMLHttpRequest已被弃用…”

我一直在向控制台添加日志，以检查不同variables的状态，而不使用Firefoxdebugging器。 但是，在我的main.js文件中添加了一个console.log许多地方，我收到下面的错误，而不是我可爱的小手写消息给自己： 主线程上的同步XMLHttpRequest由于对最终用户的体验有不利的影响而被弃用。 更多帮助http://xhr.spec.whatwg.org/ 什么替代品或包装console.log可以添加到我的代码使用，不会导致此错误？ 我是否“做错了”？

如何从Firefox中的select元素中删除箭头

我正在尝试使用CSS3devise一个select元素。 我在WebKit（Chrome / Safari）中获得了我期望的结果，但是Firefox并没有很好地发挥作用（我甚至不用IE来打扰）。 我正在使用CSS3 appearance属性，但出于某种原因，我无法将Firefox中的下拉图标甩掉。 以下是我正在做的一个例子： http : //jsbin.com/aniyu4/2/edit #dropdown { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: transparent url('example.png') no-repeat right center; padding: 2px 30px 2px 2px; border: none; } 正如你所看到的，我并不想要任何幻想。 我只想删除默认的样式，并添加我自己的下拉箭头。 就像我说的，在WebKit中很棒，在Firefox中不是很棒。 显然， -moz-appearance: none没有摆脱掉下拉项目。 有任何想法吗？ 不，JavaScript不是一个选项

绝对定位的Flex项目不会从Firefox和IE11的正常stream程中移除

我们有两个div的内容和第三个div是绝对位置的背景。 容器是一个flexbox。 所有在Chrome和Safari中运行正常，但Firefox和IE11计算绝对定位的div，并且在div之间分配空间，就像有3个div一样。 我做了一个jsfiddle的例子。 有没有办法解决这个错误？ https://jsfiddle.net/s18do03e/2/ div.container { display: flex; flex-direction: row; width: 100%; height: 300px; justify-content: space-between; width: 100%; outline: 1px solid; } div.c1 { background: #aaeecc; width: 100px; position: relative; z-index: 50; top: 20px; display: flex; } div.c2 { background: #cceeaa; width: 200px; position: relative; z-index: 50; top: 20px; display: flex; } div.bg […]

自定义CSS滚动条的Firefox

我想用CSS定制一个滚动条。 我使用这个WebKit CSS代码，适用于Safari和Chrome： ::-webkit-scrollbar { width: 15px; height: 15px; } ::-webkit-scrollbar-track-piece { background-color: #C2D2E4; } ::-webkit-scrollbar-thumb:vertical { height: 30px; background-color: #0A4C95; } 我怎么能为Firefox做同样的事情？ （我知道我可以很容易地使用jQuery，但如果可行的话，我宁愿用CSS来做）。 会感谢有人的专家build议！

CSS @ font-face不适用于Firefox，但是可以使用Chrome和IE

以下代码适用于Google Chrome beta以及IE 7.但是，Firefox似乎对此有问题。 我怀疑它是如何包括我的CSS文件的问题，因为我知道Firefox是不太友好的跨域导入。 但是，这只是静态HTML，并没有跨域的问题。 在我的landing-page.html上，我做了一个CSS导入，如下所示： <link rel="stylesheet" href="../css/main.css" type="text/css" media="screen, projection" /> 在main.css中，我有另一个像这样的导入： @import url("reset.css"); @import url("style.css"); @import url("type.css"); 并在type.css中我有以下声明： @font-face { font-family: "DroidSerif Regular"; src: url("font/droidserif-regular-webfont.eot"); src: local("DroidSerif Regular"), url("font/droidserif-regular-webfont.woff") format("woff"), url("font/droidserif-regular-webfont.ttf") format("truetype"), url("font/droidserif-regular-webfont.svg#webfontpB9xBi8Q") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "DroidSerif Bold"; src: url("font/droidserif-bold-webfont.eot"); src: local("DroidSerif Bold"), url("font/droidserif-bold-webfont.woff") format("woff"), […]

为什么Firefox的flex项目没有百分比填充/边距？

我想在flexbox里有一个方形的div。 所以我使用： .outer { display: flex; width: 100%; background: blue; } .inner { width: 50%; background: yellow; padding-bottom: 50%; } <div class="outer"> <div class="inner"> <a>hehe</a> </div> </div> 这在Chrome中正常工作。 但在Firefox中，父母只挤到一行。 我如何在Firefox中解决这个问题？ 我使用版本44。 您也可以通过https://jsbin.com/lakoxi/edit?html,css查看代码

只针对Firefox与Firefox

使用条件注释很容易针对Internet浏览器特定的CSS规则： <!–[if IE 6]> …include IE6-specific stylesheet here… <![endif]–> 有时它是Gecko引擎（Firefox）的行为不端。 什么是最好的方式来定位只有Firefox与您的CSS规则，而不是一个其他的浏览器？ 也就是说，Internet Explorer不仅应该忽略仅限于Firefox的规则，还应该使用WebKit和Opera。 注意：我正在寻找一个“干净”的解决scheme。 在我看来，使用JavaScript浏览器嗅探器将“firefox”类添加到我的HTML中并不合格。 我宁愿看到一些依赖于浏览器function的东西，就像条件注释对于IE只是“特殊的”一样。

JavaScript在新窗口中打开，而不是选项卡

我有一个select框，当select一个项目时调用window.open(url) 。 Firefox将在默认情况下在新标签页中打开页面。 但是，我希望页面在新窗口中打开，而不是新的选项卡。 我怎样才能做到这一点？

使用<meta>标签在所有浏览器中closurescaching？

我读到，当你没有访问Web服务器的头你可以closurescaching使用： <meta http-equiv="Cache-Control" content="no-store" /> 但是我也看到这在IE的某些版本中不起作用。 有没有一组<meta>标签可以closures所有浏览器中的caching？