草庐IT

firefox-addon-webextensions

全部标签

HTML5 - 缓存 list 在 Chrome 上运行良好,但在 Firefox 和 Opera 上运行不佳

我正在开发一个供离线使用的网络应用程序,因此我需要使用应用程序缓存功能。一切在Chrome(15.0.874.106)上运行良好,但在Firefox(7.0.1)和Opera(11.52)上运行不佳。这是我的缓存list文件cache.manifest.php(我已将其减少到最低限度):CACHEMANIFESTCACHE:/app/common/css/reset.css/favicon.ico这是“主要”HTML文档的前4行:MyAppMobile当我尝试将缓存list(http://www.myapp.com/app/mobile/cache.manifest.php)加载到浏览

html - ul 上的 CSS 渲染不一致,Firefox 是奇怪的球

背景我正在使用带有anchor和标题的嵌入式无序列表创建二级导航菜单。使用CSS重置表,所有标题和anchor都设置为“显示:block”。当设置list-style-position:inside时,Firefox和Camino会在元素符号下方呈现标题和anchor,而Safari、Camino和IE会内联呈现它。示例屏幕截图(来源:michaelgrace.org)(来源:michaelgrace.org)示例代码/*cssreset*/h1,h2,h3,h4,h5,h6,a{display:block;}/*liststyling*/ul{list-style-position:

html - Firefox 和 Chrome 中的绝对定位问题

我不明白为什么FF和Chrome以不同方式呈现我的页面。这是中的屏幕截图火狐:firefoxexamplehttp://grab.by/65Bn这是chrome的Chrome:chromeexamplehttp://grab.by/65BBfieldset有相对位置,image有绝对位置。这是基本结构:Passenger1基本上图像是在图例之后声明的。这是字段集的css:.passenger-info{background:nonerepeatscroll00#F2F2F2;border:1pxsolid#9D240F;display:inline;float:left;margin-

html - 为什么 Firefox 在某些 HTML 表格上缺少边框

我使用的是Firefox3.5.7,我在多个HTML表格中使用了相同的CSS,但在某些示例中,部分边框未显示。对我来说没有意义的是,同一页面上的相同CSS用于另一个HTML表格可以正常工作。此外,从边框的角度来看,InternetExplorer中的同一页面看起来还不错。这是一张带有示例的图片,您可以在本例中看到第一个表格的底部缺少边框。有谁知道为什么会在这里发生这种情况? 最佳答案 也许您放大/缩小了一点。当您执行Ctrl+Scrollwheel时,这可能会无意或有意地发生。也许它没有完全重置为零缩放级别。这种错误呈现行为在某些网

javascript - 为什么 Firefox 对 "click"标签上的 "select"事件的 react 不同于 Webkit 和 IE?

我意识到Firefox在上处理click事件标记与Webkit/IE不同,我无法弄清楚为什么或如何解决这种差异。具体来说,Webkit/IE将每个click事件视为上的事件作为两者点击“选择”、和点击下拉菜单之一的组合,如下图所示:第一次点击:第二次点击:在Webkit/IE中,click事件只有在两次点击都完成后才会被触发。但是,在Firefox中,第一次点击标签被视为一个点击事件,第二次点击选择被视为另一个点击事件。因此,对于相同的操作,Firefox会触发两个click事件,而Webkit/IE会触发一个事件。现在在代码示例中演示它,假设我们有:(JSfiddlelink)one

html - 如何限制我的输入类型 ="file"只接受在 Firefox 中不起作用的 png 图像文件

我正在使用inputtype="file",现在我的要求是我只想选择png图像,也就是说,当我选择浏览时,应该应用“png”过滤器。我已经引用了www.w3schools.com/tags/att_input_accept.asp,下面是我正在使用的代码,这适用于Chrome,但不适用于Firefox和IE。谁能帮我理解我一定做错了什么?Belowusesaccept="image/*"BelowIneedtoacceptonlyforpng这是一个fiddle链接http://jsfiddle.net/Jcgja/2/ 最佳答案

css - 在 Firefox 中不遵守 SVG 的百分比变换原点,仅在 WebKit 中有时才遵守

我有这个冰淇淋甜筒SVG图形,我想用transform-origin的50%100%(中间底部)来转换勺子。Firefox声称遵守(即检查员注意到正确的transform-origin)但实际上在左上角进行转换。奇怪的是,WebKit只有在父元素设置了font-size:100%时才会服从。这些是非常相似的问题,但仅适用于Firefox:Settingtransform-originonSVGgroupnotworkinginFireFoxHowtosettransformorigininSVGTransformOriginnotworkinginFirefox

html - 有没有办法告诉 Firefox 在页面刷新时不要记住我的输入字段的状态?

Firefox有一个非常烦人的功能。当您按下F5键时,它会记住输入字段的状态。它不仅仅是值,它甚至会记住输入是否被禁用。示例:Disabletextbox上面的代码有一个anchor,单击它会禁用文本输入字段。之后,Firefox会记住F5后的状态,恢复到原来的唯一方法是在地址栏上按回车键。是否有元标记或其他东西可以让FF停止这样做?编辑实际上浏览器有不同的行为。Firefox是最烦人的。Firefox会记住输入值以及它是否被禁用。IE8会记住该值,而Chrome不会记住任何内容 最佳答案 您可以将元素或表单设置为autocompl

html - Firefox 忽略表格单元格中的绝对定位

我试图将元素绝对定位在表格单元格内。TD具有position:relative,元素具有position:absolute。这在所有浏览器中都很好用,但在Firefox中除外,在Firefox中它是相对于祖先相对容器定位的。你可以在这个fiddle中看到这个转载:http://jsfiddle.net/ac5CR/1/有谁知道我是否遗漏了一些可以在Firefox中修复该问题的CSS设置? 最佳答案 该元素不是block元素。添加到样式display:block,您将获得所需的行为。 关于

Firefox 和 Internet Explorer 中的 HTML5 输入类型日期、颜色、范围支持

我使用许多HTML5表单构建了我的所有网站(使用input类型date、color和range.)在GoogleChrome中一切正常。但是当我打开InternetExplorer和Firefox时,所有输入字段都变成像input类型text。我可以下载一种方法或脚本来强制正确显示此输入吗? 最佳答案 由于HTML5尚未完全标准化,因此并非所有浏览器都支持这些输入类型。预期的行为是退回到.↪SeehereformoreinformationonbrowsersupportforHTML5inputtypes.您可以testforsu