同样的代码，火狐和谷歌一个靠上一个靠下~

qq_35352469 2017-03-31 05:25:48

.bg{
background: url(../img/icons.png) no-repeat;
display: inline-block;
}
#brownhatpic{
background-position: 0 -27px;
background-size: 100%;
width: 3rem;
height: 3rem;
position: relative;
bottom: -0.3rem;
}
<div id="brownhat"><span id="brownhatpic" class="bg"></span>菜谱库</div>

...全文

263 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

Firefox 是一个快速、安全且灵活的网页浏览器，这是我们的使命。网站优化必备的9个Firefox插件在网页设计制作中经常使用到的火狐浏览器插件工具： 1. Firebug Firebug是开发人员们钟爱火狐浏览器的一个重要原因，Firebug是火狐浏览器上一个集成式的强大调试环境，很多调试应用插件都必须基于Firebug平台，包括下面会介绍到了一些Web测试和调试工具，所以Firebug可以说是每一个Web设计开发人员必备的工具。 Firebug – Firefox 插件安装按照提示安装到Firefox中之后，在浏览器底部状态栏就可以看到Firebug的图标，点击之后弹出firebug调试窗口，这里面有除了Firebug自身的工具外，其他选择性安装的Firebug平台插件的调试入口，比如Page Speed等。 2. Page Speed Google于今年4月确认将网页加载速度作为排名因素之后，站长们对页面性能更加重视。其实无论是对SEO而言，还是对用户体验而言，提高页面的加载速度都相当重要。Google也提供了这枚检测页面加载速度的工具。 Page Speed插件是基于firebug平台的火狐插件，它为每一个页面进行加载速度评分，不仅如此，更提供了优化建议，因此，有改进网页加载性能的页面优化人员，这个工具是非常的必须。 Page Speed for firefox– Google官方插件安装安装以后，Page Speed就会出现在Firebug窗口中，可以为浏览器的当前页面检测加载性能，点击Page Speed界面中的“Analyze Performance”按钮执行分析，Page Speed会为分析的页面进行评分，满分100分，评分当然越高越好，不过优化的目标应该是达到85分以上。 3. Web Developer 从这个工具名称应该能够大概猜到它的用途，没错，这是一个集众多页面测试功能于一身的强大火狐插件，能够查看CSS错误和Cookies 信息，设置突出显示表格、Heading、图片URL等几乎所有页面元素，这对页面调试非常有用，尤其当页面结构非常复杂的时候，这些工具能够让你快速找到特定元素的分布。小陆平时很喜欢用这个工具来查找页面的实效图片，因为在火狐里，实效的图片不会像IE那些显示小红叉。 Web Developer – Firefox插件安装安装以后作为一个工具栏出现在浏览器中，如下图： 4. HTML Validator 网页符合W3C标准十分重要，一方面是为了让页面能够跨浏览器兼容，另一方面也是为了让搜索引擎能够顺利的抓取和理解你的页面。所有让页面通过W3C校验是网页优化工作很重要的一方面，使用HTML Validator能够高效的检测页面的HTML代码有效性，不仅如此，它还能显示出错的代码位置，并给出错误说明和修改建议，是个非常不错的工具。 HTML Validator – Firefox插件安装安装完成以后，在火狐浏览器右下角会出现一个红色的“叉”或者一个绿色的“勾”，分别表示页面无效和有效。如果在你的页面显示的是绿勾，那恭喜你，你的代码非常规范，如果有错也不用着急，双击红叉标志能够显示错误信息，根据提示逐个修改就行。另外值得注意的是，HTML代码的有效性还是要以W3C官方的校验为准，小陆在使用此工具过程中发现它的校验规则跟W3C标准有些非常细微的差别，不过大部分时候还是一致，如果不放心，请使用W3C Markup Validation Service确认验证。 5. Simple Links Counter 在网站维护的时候，链接的有效性检测是一个让人头疼的工作，页面中繁多的链接着实让维护难度倍增，可能一次不严谨的批量查找替换让很多链接出错，这个错误是老板和用户都无法容忍的，所有对于这个问题，尤其要倍加小心。SLC（Simple Links Counter）能够自动检测页面中的链接是否有效，你能够会说Dreamweaver里也有链接检查，没错，DW自带了链接检查功能，不过DW的检测仅限于站内链接，对站外链接便无能为力。除了检测链接有效性，SLC还能显示页面分别有多少站外链接，多少站内链接，以及具体的链接URL地址，对网站不良外链检查也是很方便的。 Simple Links Counter – Firefox插件安装 6. X-Ray 如果能在浏览器里看到页面内容是被那一些HTML标签所包含，是不是很直观呢，X-Ray就是这样一款工具。普通的一个网页在前端设计师们眼中，不仅是单纯的文字图片，而是各种网页标签组成的结构图，但这些画面纯粹存在于设计师们的大脑中，X-Ray提供了一个让让它视觉化的方法，尤其是在浏览别人的网站时尤其有用。 X-Ray – Firefox插件安装安装以后，浏览器邮件菜单就多了一个“X-Ray”选项。这个工具的缺点是会让页面变得很乱，不过只要研究的页面对象不是太多，还是能够应付得过来。 7 . YSlow 有一个比Google Page Speed更强大网页性能优化工具，那就是YSlow，它是由Yahoo提供的页面性能评测和优化工具，YSlow也有页面性能评分，有趣的是，YSlow评分接近的两个页面，Page Speed评分却相去甚远，在实际的页面优化时，YSlow的评分并不作为重要参考，因为YSlow提供了其他更多有用的信息。它能够统计一个网页中包含的所有元素，包括图片文件、CSS文件、JS文件等，而且显示了页面的HTTP请求数，小陆认为这是页面性能优化最重要的指标之一，所以根据YSlow提供的信息进行针对性的优化，能够产生非常明显的效果。 YSlow – Firefox插件安装 YSlow同样是一个Firebug平台的插件，需要在Firebug里运行。 8. Colorzilla 回忆一下我们是如何给网页配色的？首先打开图形软件（比如PS或者Fireworks等），导入页面效果图，使用软件中的拾色器取得图片上某个位置的颜色，然后将颜色的RGB或者十六进制值复制到Dreamweaver中，如果没有效果图的时候，我们还要先截图，额，这样实在太浪费时间。除了一些常用的颜色之外，很少有人能够在看到颜色时立刻准确的说得出它的颜色值，其实有一款火狐插件能够帮你“说出”颜色值：Colorzilla能够取得浏览器中任何一点的颜色值，并且表示为RGB和十六进制值，可以非常方便的复制使用，在制作和修改页面时候大大提高工作效率。 Colorzilla – Firefox插件安装 9. MeasureIt 除了取色以外，精确度量页面元素尺寸也是非常重要的操作，尤其是对像小陆这样页面设计“像素派”，并且很多时候在页面调试的时候，也需要知道某些元素的尺寸以确定是否符合预留的空间。MeasureIt是一个很方便的页面测量工具，只需要拖动鼠标就能完成度量，是不是很直观？

3个jquery语句实现一个页面多个同样式tab，兼容多个浏览器 ie6+ 火狐谷歌

Appium概述 appium 是一个自动化测试开源工具，支持 iOS, Android, Windows, Firefox OS平台上的原生应用, 纯web应用和混合应用。“移动原生应用”是指那些用iOS或者 Android SDK 写的应用（Application简称app）。“移动web应用”是指使用移动浏览器访问的应用（appium支持iOS上的Safari和Android上的 Chrome）。“混合应用”是指原生代码封装网页视图——原生代码和 web 内容交互。比如，像 Phonegap，可以帮助研发者使用网页技术开发应用，然后用原生代码封装，这些就是混合应用。更重要的是，appium是一个跨平台的工具：它允许测试人员在不同的平台（iOS，Android）使用同一套API来写自动化测试脚本，这样大大增加了iOS 和Android测试套件间代码的复用性。学习Tips 本系列课程所涵盖的内容，包括所有Appium APIs相关的讲解都是基于java语言，当然不需要测试学习者精通java语言，只需要稍微有些java基础就能轻松学习，比如，基本数据类型，循环控制结构，分支控制结构，java面向对象的概念等；本系列课程的脚本案例编写是基于TestNG测试框架，测试项目使用Maven构建，课程内容中会对这些相关的基础知识点做简单介绍，没有基础的同学无需担心，为了尽可能得降低课程的学习难度，其他相关的工具用法只做简单介绍（够用为主）。

NoScript公共库一组可重用的模块，API和文档，旨在促进跨浏览器的开发和维护隐私和安全性浏览器扩展，帮助它们度过Google 对基于Chromium的浏览器施加的限制，但从基于Firefox的角度来看同样，出于兼容性的考虑，Mozilla是否应被迫在一定程度上损害和降级其WebExtensions API。此外，它将帮助开发人员在移动浏览器上移植和/或维护扩展，例如新的Android版Firefox（代号“ Fenix”），该扩展仅支持桌面上可用的API的一部分。通过抽象化安全性和隐私扩展之间共享的通用功能，在多个浏览器引擎之间提供一致的实现，并使开发人员免受依赖于浏览器的实现细节的影响（正是在最乐观的情况下，例如Firefox使其WebExtensions API保持了其强大的功能，（注定会大相径庭），该库旨在最大程度地减少额外的维护负担，并减轻由于功能不匹配和多个代码路

dokuwiki编辑器修改版采用heditor编辑器,支持QQ截图直接拷贝到编辑器(这个功能只支持谷歌和火狐), wiki语法很蛋疼,有了这个可视化编辑器,就好了.创建页面同样可以使用wiki语法同时还有提供代码高亮功能,骚年们,你还在等神马

移动开发其他问题

790

社区成员

13,285

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章