overflow:hidden:IE8下没效果? width:100%;IE6.7.8下必须有宽带,而且不能是auto: weight:auto; overflow-x:scroll; overflow-y:hidden;自适应高度.

Aasible中cryptography兼容性报错解决办法 1 Ansible中使用ansible --version查看版本,报错信息如下: ERROR! Unexpected Exception, (/usr/lib64/python2./site-packages), Requirement.parse('cryptography>=1.1')) the full traceback was: Traceback (most recent call last): File , in <m

一.background-position     雪碧图 我们的html和css中有三个属性可以向服务器发送请求:src   url    href 1.我们为什么使用雪碧图? 因为我们使用雪碧图之后,本来需要多次请求的图片,我们一次就请求过来了 二.overflow 1.值hidden:超出就隐藏 2.值scrol:出现滚动条 visibility:hidden:可见的(消失但是占用位置) display:none:消失但不占用位置 三.title中的小图标 1.如何实现浏览器title中的

1.双倍边距Bug 问题描述:假如有一个ul,里面有若干li,当li设置为左浮动时,此时设置li的margin-left为10px,会在最左侧呈现双倍情况.即20px 正常显示: IE6显示: 修正方法:给整个li这个集合加上 display:inline 2.3像素问题 问题描述:比如有两个div,前一个蓝色,后一个绿色,前一个设置了float:left,后面那个没有浮动,此时两个div并不重叠,而是并排并且二者中间相隔3px. 正常显示: IE6显示: 修正方法:用position:abso

下面列出IE和非IE中常见的一些js兼容性问题.  //window.event   IE:有window.event对象   非IE:没有window.event对象.可以通过给函数的参数传递event对象.如onmousemove=doMouseMove(event) 解除冒泡的方法不同 IE:window.event.cancelBubble=true;非IE:event.stopPropagation(); IE:会忽略节点之间生成的空白文本节点(比如换行字符) 非IE:不会忽略,会把节

想要创建出漂亮的网页设计,除了要认真学习每一个html和CSS代码之外,不可能不去了解一下臭名昭著的IE6和更早的那些IE浏览器的坏脾气,因为你本来写出的规规矩矩的代码,漂亮的设计就此就要完成了,却发现呈现出的效果压根不是你所期望的那样,漂亮的布局被破坏的体无完肤.更可气的是当你查找一遍代码中的错误时,却压根找不出来.这时候你就迫切需要了解一下IE6和它的那些同伙的坏脾气了,因为很可能它们就是罪魁祸首.到底IE6的那几个家伙们到底是如何搞乱你的设计的?咱们双该如何解决呢,别急,请听我慢慢道来:

项目中有个时间相关的需求,很自然的用到了 js 中的 new Date() 获取时间,浏览器使用模拟手机模式访问没有问题,但是真机测试时发现,ios系统的手机无法显示时间. 定位问题发现是 new Date()  的 兼容性问题: 在 ios/Safari 中,使用 new Date() 获取的日期格式是:2017/03/15 ,但是在Android/Chrome中获取的日期格式是:2017-03-15/2017/03/15 . 解决方法: var time= "2018-09-06"

之前用qt4编写Windows程序的时候遇到了一个软件在系统的兼容性问题:用户在win10系统下使用这个程序的时候,如果没有用低于win10版本的兼容模式运行的时候,存在运行某部分功能的时候无法使用的问题. 这个问题一开始困扰了我很久,那时我认为的解决方案有两种: 1.将软件从qt4迁移到qt5上 不过在对软件的大小是有限制的,之所以一开始用qt4写这个项目是因为qt4的模块相对于qt5来说小很多,因此这个方案被我否决了 2.程序自启动的时候将系统兼容性设置为win10以下的版本类型 在否决了第

这几天在做项目中用到了flex布局,但是在测试的过程中发现他的兼容性实在是太差了,仅仅用到水平和垂直居中的样式,没想到兼容性代码就写了好几行. display:flex; display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content:center; -webkit-justify-content:center; justify-

在一份HTML文档中可以用三种方式添加样式信息: 1.通过<link>元素引用外部样式表: 2.通过<style>元素在文档的头部添加样式信息: 3.在具体的文档元素上通过style特性指定样式信息. 对于第三种样式信息可以在DOM中通过元素节点的style属性进行操作. 对于前两种样式信息在DOM中要通过CSSStyleSheet对象的属性和方法进行操作. CSSStyleSheet对象有一个官方文档规定的cssRules属性,表示样式表中(上述前两种样式表)的样式规则的集合(每

我们知道select标签在各个浏览器中的属性和各浏览器的支持各有些不同,从而造成select选择框在各浏览器的显示有不同. 下面我们通过对主要CSS属性的支持,打造全兼容select. 对select的height.padding.line-height分别利用控制变量的方法写了个DEMO在各浏览器上测试三种情 况:height.100.padding.0.height.no.padding.100.no.height.no.padding,结果如下图片 所示: 我们可以得出以下研究属性 通过上

在css中的position属性规定了页面元素的定位类型,它有以下几个值: absolute:绝对定位,相对于static以外的第一个父元素进行定位: fixed:生成绝对定位的元素,相对于浏览器窗口进行定位: relative:生成相对定位的元素,相对于其正常位置进行定位: static:默认值,没有定位: inherit:继承父元素的position值: 如果一个块A要在块B中进行绝对定位,则我们可以把块A的position值定为absolute,把块B的属性值定为relative,这样,块

今天在项目中做ie8的兼容的时候,发现angularjs中一些内容这样写有问题,那样写就没有问题了,自己记录一下内容: 如果遇到了ie8中使用$http.post请求不到数据的时候,以下的方法是获取不到的: $http.post(url + “?param=”+param,function(){ //你的代码 }) ie中以上的传参是通不过的,根本就走不到后台,而且还走到正常的success的回调方法里了,之后把数据只要按照对象传过去就行,例如下面的写法: $http.post(url ,{pa

<meta http-equiv="x-ua-compatible" content="IE=edge, chrome=1"/> IE=edge: 默认使用最新内核 IE=6/7/8.... 指定特定版本内核 chrome=1:如果有装chrome就使用chrome的内核 IE的兼容性问题: 在早起IE8之前,那个时候IE浏览器还属于比较独大的情况,那个时候他有很多东西是和网络的Standard不太一样.譬如他有自己才看的懂得自定义Tag.作为那个时代,

border-raduis 是css3新增加的属性,我们运用起来也很方便,效果很好,但是在IE8以及之前的ie版本并不支持这个属性,怎么解决这个问题呢? 1.切成背景 这也是我经常用到的方法,虽然说有点麻烦,但是肯定没有问题.在碰到圆角时,我会去查看UI给我的psd图片,看看我是否可以直接将这个圆或圆角切图切下来,这样之后我都不用考虑写border-raduis这个属性了,直接将背景图片放上去就可以了,这种做法还有个好处就是不会碰到PNG的黑边现象.但是也有一个问题,就是这个图片的尺寸一点要切好

这次是简单的谈一下我们常见的渐变在各个浏览器下的兼容性问题,算一个比较简单的问题. 我们熟知的浏览器有Chrome.Firefox.Opera.Safari以及ie系列.最基础的background:#cccccc属性表示页面呈现#cccccc色,当然这个在任何浏览器下面都是满足的.但是随着我们对颜色要求的提高,引入了渐变linear-gradient,不同的浏览器对于它的认知需要加不同的前缀.通过上面的例子我们可以知道firefox:-moz-.chrome/safari/opera:-web

在使用php5.4以上版本以上时会有一个函数可能会报错 如下 Warning: htmlspecialchars(): charset `gbk' not supported, assuming utf-8 原因是因为5.4以上这个函数默认为utf8编码没有gbk所有传进去的参数如果有中文就会报上面这个错误 如果你的程序用的是gbk的话就可以使用下面这个方法 给htmlspecialchars()传后两个参数 如下: 复制代码 htmlspecialchars($str,ENT_COMPAT,'

项目中使用到了Vue.YDUI.webpack,部分页面在Android WebView中出现了样式问题,卡顿等等: 1.promise不识别——需要使用babel-polyfill. 2.由于系统限制,WebView内核不能升级,只能做最大兼容,在browserslist中加入如下配置,可以让属性自动加上-web-kit前缀: "browserslist": [ "> 1%", "last 2 versions", "not i

在使用iframe的时候,有时候想要让调用的iframe框架里面的不显示白背景,让它变得透明,在firefox是透明的,但是在IE浏览器却不透明. 这个其实比较容易解决,只需要增加一个属性即可. 就是在iframe标签中加入属性allowtransparency="true"       <iframe src="weste.html" id="rss" width="90%" height="200"

IE8+,Firefox,Chrome,Opera,Safari 等现代浏览器普遍支持data URL IE8 data URL 最大长度限制为32k字节,超出无效.IE9+没有这个限制 IE只识别base64编码或百分号编码(URL编码, encodeURIComponent)的data URL,IE不识别无编码的data URL,非IE浏览器可识别无编码的data URL IE不支持对<iframe>,<frame>标签的src设置data URL IE官方说法说data UR

昨天在工作中遇到一个问题:数组的indexOf()方法在IE8中无效. 如以下代码在IE8中报错“对象不支持“indexOf”属性或方法”: var arr = [1,2,3]; var index = arr.indexOf(3); 解决方法1:在调用的indexOf方法前加上toString()将数组转换为字符串,再调用indexOf(),但是这时又发现3的index并不是我们预期的2,而是4,因为转换为字符串之后是"1,2,3",在查index的时候把逗号也算进去的了,显然这也不