360浏览器的私有前缀

2024-09-05

【CSS3】浏览器内核、私有前缀

浏览器内核私有前缀浏览器 webkit -webkit- chrome.safari.安卓.ios trident -ms- IE gecko -moz- firefox presto -o- opera h1{ text-stroke:1px red;/*保证此属性纳入标准后能正常使用*/ text-fill-color:blue; -webkit-text-stroke:1px red;/*保证此属性纳入标准前webkit内核的浏览器可用,如chrome.safari*/ -webkit

CSS3选择器、低版本解决方案及各浏览器私有前缀

一.基本选择器通配选择器:* 元素选择器:div.p… ID选择器:#id 类选择器:.className 群组选择器:选择器1,选择器2 主流浏览器全部支持二.层次选择器后代选择器: div p a 子选择器:div>p 兄弟选择器:p+ul 通用选择器:p~a 通用选择器和兄弟选择器选中的都是同一层次的兄弟选择器唯一的区别是兄弟选择器选择的是相邻的第一个兄弟,通用选择器选择的是后面所有的兄第子选择器.兄弟选择器.通用选择器 : IE7+支持三.伪类选择器 1.动态伪类选

4. CSS新特性之浏览器私有前缀

1. 浏览器私有前缀浏览器私有前缀是为了兼容老版本的写法,比较新版本的浏览器无需添加 -moz-:代表firefox浏览器私有属性 -ms-:代表ie浏览器私有属性 -webkit-:代表safari.chrome私有属性 -o-:代表Opera私有属性 /* 对于border-radius提倡写法如下*/ -moz-border-radius: 10px; -webkit-border-radius:10px; -o-border-radius: 10px; border-radius: 1

CSS属性的私有前缀

在CSS属性能中,我们常常能看到-webkit-,-moz-之类的前缀,这种就叫做浏览器私有前缀,是浏览器对于新CSS属性的一个提前支持.-webkit-是webkit内核的,-moz-是Firefox Gecko内核,moz代表的是Firefox的开发商Mozilla. 为什么要有私有前缀呢?因为制定HTML和CSS标准的组织W3C动作是很慢的.通常,有w3c组织成员提出一个新属性,比如说圆角border-radius,大家都觉得好,但是w3c不会为这个属性制定标准,而是要走很复杂的程序,经过

html5——私有前缀

CSS3的浏览器私有属性前缀是一个浏览器生产商经常使用的一种方式.它暗示该CSS属性或规则尚未成为W3C标准的一部分,像border-radius等属性需要加私有前缀才奏效 1.-webkit-:谷歌.苹果 2.-moz-:火狐 3.-ms-:微软 4.-o-:欧朋 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>&

内核控制Meta标签：让360浏览器默认使用极速模式打开网页(转)

为了让网站页面不那么臃肿,也懒的理IE了,同时兼顾更多的国内双核浏览器,在网页页头中添加了下面两行Meta控制标签. 1,网页头部加入 <meta name="renderer" content="webkit"> 360浏览器就会在读取到这个标签后,立即切换对应的极速核. 2,另外为了保险起见再加入 <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=

360浏览器遇到文档模式是IE7的解决办法

这段时间遇到了360浏览器在加载java项目时,默认的文档模式是IE7,使得网页加载下拉框出现问题. 解决的方法是: 在显示的jsp页面加上 <meta http-equiv="X-UA-Compatible" content="IE=edge"> <head> <title></title> <meta http-equiv="X-UA-Compatible" content="I

360浏览器导出Excel闪退BUG

最近这半个月在疯狂的修改各种BUG,所以比较少更新博客. 现在谈谈这个360浏览器导出Excel的BUG的解决方法. 该BUG常出现在win7系统与xp系统导出Excel的瞬间关闭导出弹窗. 目前互联网上面的解决办法大多都告诉你修改360的下载器选择IE作为下载器然而目前的360浏览器已经关闭了这一功能(死脑残). 然后我发现我的导出表格从年份改变成月份之后同样的后台语句竟然可以导出表格. 所以我猜测该处BUG与文件大小有关. 建议的解决方案是为下载文件插入一张大占用空间的图片,10K左右或许

360浏览器下载excel问题解决方式

亲们有没有碰到过今天我遇到的这件事. 如果使用简单的链接.或者get方式提交的表单,去下载excel,那么360浏览器就会有问题. 问题是:它没把我用java生成的excel表格下载,而是去把我的列表信息下载下来,这不是有问题. 我的解决方式是,写一个form表单,用post的方式提交那个链接,结果就可以了! 为什么呢? 我观察了一下,使用post方式的form表单,提交的下载都是正常的,启动的是ie内核的下载器.就正常. 如果使用其他方式,就启用了360下载器,就会有问题. 而且,新版的360

通过JS检测360浏览器

如何通过JS检测360浏览器? 尝试了一大堆方法,网上大多数办法都是通过navigator.userAgent来判断,这可能在几年前是行得通的,现在360userAgent输出来跟谷歌除了版本号其余一模一样... 谷歌: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36 360极速:Mozilla/5.0 (Windo

360浏览器兼容模式默认显示ie最高版本

之前写完代码都会放在360浏览器里跑一边,基本没啥问题,因为设置的都是极速模式,极速模式内置的是webkit内核,后来测试人员测试了兼容模式,发现会出各种问题,打开控制台一看,“我的天呐”,默认的竟然是ie7,本人从事前端以来就没调过ie7的兼容性,这可如何是好,后来同事给了一段代码,可以把默认版本改成ie最高版本, <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 瞬间所有问题

Canvas画图在360浏览器中跑偏的问题

问题描述,canvas画图的js代码中编写的是画正方形的代码,结果在360浏览器上变成了长方形,不知道怎么回事,请问各位大神是否遇到过此类问题? <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style&g

把浏览器的私有模式添加到VS中

题记:在用VS进行Web开发的时候,常常希望VS的调试不会对浏览器造成固定的影响,那么使用浏览器的私有模式来启动就很有必要. 前几天SCOTT HANSELMAN分享了一个开发Web应用程序的小技巧,就是如何把浏览器的私有模式添加到VS中. 就是在VS的调试下拉菜单中选择"Browse With-"可以添加自己的自定义配置. 对于Chrome就是,在设置参数的时候添加"-incognito",对于Firefox和IE都是添加参数"-private"

360浏览器Uncaught TypeError: object is not a function问题

刚刚360浏览器提示 Uncaught TypeError: object is not a function,找了半天发现问题是我有一个按钮,id和方法重复了,所以提示这个. <input type="text" placeholder="分配积分" id ="scores" name="scores"> <a class="btn default btn-xs purple" data

用js识别是否360浏览器

360浏览器说实话比较恶,以前可以通过内核返回的字符串判定是否包含"360"字样的方法来判定如以下代码 window.navigator.userAgent.indexOf('360')!=-1 但360浏览器某次更新后,内核显示的字符串已经和IE浏览器是一样的了,导致无法判断是IE还是360.但有人又说了,既然是一样IE的内核,不需要单独判定是不是360的,我说这些人站着说话不腰疼,不知道他们有没有编写过一些代码,发现在IE和360浏览器的表现行为是不一样的.因此,这个判断还是有必

360极速浏览器UA怪异以及如何用js判断360浏览器

本文最后一次更新于7个月前,文章内容可能略有出入.若发现文章中有错误之处,可以留言评论告诉作者. 1.360极速浏览器UA因域名不同而异今天在写一个判断浏览器.浏览器版本.操作系统.操作系统版本.浏览器外壳的js,去http://hao.360.cn/sethomepage.html网站看看他们的js是如何写的,始终不知道他们是如何通过js来判断浏览器是360极速的,这不看不知道,一看吓一跳. 在http://hao.360.cn/sethomepage.html这个网址访问的时候,获得浏览器

360浏览器下jquery.validate.unobtrusive的日期验证问题

今天在招聘频道(job.cnblogs.com)遭遇这样一个问题——在360浏览器下,在一个表单验证中,虽然输入了有效的日期,却总是提示日期格式错误,见下图: 而在Chrome/Safari/Firefox中都正常. 这个表单验证用的是jquery.validate.js + jquery.validate.unobtrusive.js,验证代码是由ASP.NET MVC自动生成的. 视图中的代码是这么写的: <label>截止日期<em>*</em>:</lab

css解决谷歌，360浏览器默认最小字体为12px问题

当我们设置前台html页面样式问题字体小于12px;时,会发现不管怎么设置小于12px字体,在谷歌.360浏览器上都不生效. 但在火狐等浏览器上却可以正常设置,当你打开谷歌360的设置后会发现,它们设置的默认最小字体为12px,若小于12px 即不会生效(真坑,但坑有坑的解决办法).如图所示:

JavaScript，一个超级简单的方法判断浏览器的内核前缀

先说明,此处的方法是说超级简单的方法,不是指代码超级少,而是用非常简单的知识点,只要懂得怎么写JavaScript的行内样式就可以判断. 大家应该还记得JavaScript行内样式怎么写吧?(看来我是废话了!) 在前端开发过程中,有时我们需要判断浏览器的内核前缀,对不同的浏览器做出不同的处理,因此我们可以这么做. alert(element.style.webkitTransition); 这个是获取以webkit为前缀的transition值.但如果不是webkit为前缀的浏览器,则会返回un

兼容ie[6-9]、火狐、Chrome、opera、maxthon3、360浏览器的js本地图片预览

html代码: <div id="divPreview"> <img id="imgHeadPhoto" src="Images/Headphoto/noperson.jpg" style="width: 160px; height: 170px;border: solid 1px #d2e2e2;" alt="" /> </div> <asp:FileUpload

360浏览器的私有前缀

热门专题