草庐IT

Firefox3

全部标签

html - CSS: 表格 {宽度:100%;显示: block ;}在 Firefox 中不工作

我在特定大小的div中有一个html表格。我希望表格应用边距折叠并100%宽。这是我的代码。它在IE8中呈现我想要的效果,在Firefox中呈现错误。Firefox可能正确地执行了规范,但无论如何。如何修复我的CSS以在两种浏览器中工作?Untitled1table{border-collapse:collapse;border-spacing:0;}table{margin:10px0;width:100%;display:block;}p{margin:10px0;}td,th{border:1pxsolid#000000;}Sometextatthetop.Noticethatt

javascript - HTML anchor 标记下载属性在 Firefox 中不适用于 jpg 和 png 文件

在我的Web应用程序中,我支持用户上传任何类型的文档(.png、.jpg、.docx、.xls等)我正在尝试为这些文档实现下载功能。在GoogleChrome中,如果您单击下载链接,则会显示上述所有文档的“保存”对话框。在用于docx和xls的MozillaFirefox中工作正常,显示保存对话框但是.png和.jpg下载标签未按预期工作,即未出现下载对话框或保存对话框,它直接打开该图像。我的代码:Download我已经尝试了几乎所有在stackoverflow上提到的和Google推荐的解决方案。但是他们中的大多数人说“检查firefox版本”和其他更改,例如:tryaddingth

html - 带有翻译变换的 CSS 关键帧动画捕捉到 IE 10 和 Firefox 中的整个像素

在css关键帧动画中使用translate2dtransform为它们的位置设置动画时,IE10和Firefox似乎都将元素对齐到整个像素。Chrome和Safari没有,这在为细微Action设置动画时看起来好多了。动画是通过以下方式完成的:@keyframesbobbingAnim{0%{transform:translate(0px,0px);animation-timing-function:ease-in-out}50%{transform:translate(0px,12px);animation-timing-function:ease-in-out}100%{trans

javascript - 在 Microsoft 平板电脑/触摸屏显示器上使用 mozilla firefox 禁用默认捏合缩放

好吧,我的要求是在所有设备/所有浏览器中缩放和平移svg。我已经使用panzoom.js实现了它。现在,我在平板电脑和Windows触摸屏显示器中遇到了Mozillafirefox的问题。当我尝试捏和缩放svg时。它不会捕获我的事件,而是捕获浏览器事件并使用浏览器缩放和缩放整个页面。我已经尝试了以下步骤:我在html的头部添加了这个元标记。我还尝试了以下适用于IE11和IEedge的属性。touch-action:none;在Mozilla中没有任何工作。我需要禁用浏览器缩放,以便我可以实现我的功能。提前致谢! 最佳答案 试试这个:

css - Firefox 中没有用于输入类型搜索的清除按钮?

input[type="search"]{-webkit-appearance:searchfield}当您在输入中输入内容时,会出现清除(x)按钮,但是如何在Firefox中实现同样的效果呢?谢谢! 最佳答案 Firefox一直在拖延这个foryearsandyears.与另一个答案相反,(截至2017年底)仍然没有在输入中包含清除按钮的原生方法。您当然可以插入自己的并手动设置样式,在这种情况下您最好使用input[type="search"]::-webkit-search-cancel-button{display:none}

html - WCAG:当应用样式时,Firefox 和 Edge 不会在焦点输入元素上显示轮廓

我正在创建一个表单,它遵循一些WCAG指南。其中之一是:G165:Usingthedefaultfocusindicatorfortheplatformsothathighvisibilitydefaultfocusindicatorswillcarryover.这条规则的总结是:Operatingsystemshaveanativeindicationoffocus,whichisavailableinmanyuseragents.Thedefaultrenderingofthefocusindicatorisn'talwayshighlyvisibleandmayevenbedif

html - select/option html tag dotted outline 问题在firefox中

button::-moz-focus-inner{border:0;适用于按钮...select/optionhtml标签呢?我尝试了这里的一切:HowtoremoveFirefox'sdottedoutlineonBUTTONSaswellaslinks?但我提出了新问题,因为有人在谈论按钮...... 最佳答案 select,option{border:0none;outline:1pxnone;}总是适合我。 关于html-select/optionhtmltagdottedout

html - Firefox 不显示来自缓存的图像仅替代文本

观察有一个从https提供的包含广告位的单页应用程序网页。这些广告位由一些出价逻辑填充,广告由JavaScript编写在IFRAME文档中。第一次加载显示广告图片,例如https://tpc.googlesyndication.com/pagead/imgad?id=CICAgKDLu47R8QEQARgBMggW4D7gy4qb5g当用户在页面上操作时,会发生新的广告出价并重新加载广告位。在我们的例子中:呈现具有相同src属性的img元素。所有其他浏览器(Chrome、IE、Safari)都会显示这张取自本地缓存的图片。不是这样:Firefox(Windows、Mac;版本52)的行

javascript - 在 Firefox 中检测缩放

我想检测浏览器是否放大或缩小(我不太关心这个值,但我认为在决策过程中无论如何都需要找到它)。我已经阅读了很多关于该主题的其他SO帖子,但是没有一个解决方案适用于FF(尽管有IE7/8和chrome解决方案)。哦,而且我不能使用flash,所以flash解决方案是不可能的。编辑:而且我必须能够在初始页面加载时检测到这一点 最佳答案 使用现代版本的FireFox,您现在可以执行以下操作:DPR=window.devicePixelRatio;if(DPR=1.001){//Userhaszoomedinorzoomedout}

php - Firefox 和 Chrome 在 655 张图像后停止显示我的 Sprite

问题您好,我正在使用sprite并获得了firefox和Chrome的一些有趣行为。当我的sprite有655图像或更少时,我的sprite工作正常。但是当它走得更远(656或更多)时,它不会显示(只是变得不可见)。我猜问题不在我的代码中,因为它在Opera和IE中运行良好。怎么会?详情我正在使用PHP即时生成Sprite。生成的html如下所示:[...]CSS看起来像这样:._sprite_images{background:url("../sprite_images/sprite.jpg");display:inline-block;}._sprite_images_0{widt