ie8兼容background-size

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>Document</title>
</head>

<body>
<style>
.nihao {
width: 100px;
height: 150px;
border: 1px solid red;
background: url(‘/yundiudiu/pub/img/gege.jpg‘) no-repeat;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src=‘/yundiudiu/pub/img/gege.jpg‘, sizingMethod=‘scale‘);
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src=‘/yundiudiu/pub/img/gege.jpg‘, sizingMethod=‘scale‘);}

</style>
<div class="nihao"></div>
</body>

</html>

滤镜这一块的，很严格

时间： 2024-11-03 09:42:17

ie8兼容background-size的相关文章

IE8+兼容经验小结（转）

IE8+兼容经验小结 January 15, 2014 最近一段时间,我都使用Flask+Bootstrap3的框架组合进行开发.本文就是在这种技术组合下,分享IE8+兼容性问题的解决方法.根据我的实践经验,如果你在写HTML/CSS时候是按照W3C推荐的方式写的,然后下面的几点都关注过,那么基本上很大一部分IE8+兼容性问题都OK了(这里的IE8+主要是指IE8,据个人目测,IE9+的渲染效果已经非常好了). 前期准备 测试IE兼容性必须要在Windows中测,而且是Win7+,因为WinXP

IE8兼容placeholder的方案

用JavaScript解决Placeholder的IE8兼容问题 placeholder属性是HTML5新添加的属性,当input或者textarea设置了该属性后,该值的内容将作为灰色提示显示在文本框中,当文本框获得焦点时,提示文字消失,placeholder可作为输入框的提示文案 如图: placeholder是常用的属性,它使得input框内有很友好的提示效果.高版本浏览器都支持placeholder属性,但IE9以下版本的浏览器并不支持这一属性.这里用JavaScript实现添加对浏览器

1.12版jquery.validate IE8 兼容解决方案

搜索 formnovalidate 然后改成这种,也就是if中间注释 // allow suppressing validation by adding the html5 formnovalidate attribute to the submit button if ($(event.target).attr("formnovalidate") !== undefined) { //validator.cancelSubmit = true; } 搜索elements 大概500行

ie8兼容

最近在做ie8兼容,把遇到的问题整理了一下 1. margin:0 auto; 无法居中 解决方法:1.换成h4的文档类型 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2. body,设置text-aligin:center; 缺点,其他标签也会居中 3.

IE8兼容模式 出现问题

有一个可能是 你的JSON对象的字符串有问题例如 你在JS中写到 var json = { 'abc':0, 'def':"呵呵看右边", } 仔细看 呵呵 看右边 右边多了一个, 实际这个json 应该这么写 var json = { 'abc':0, 'def':"呵呵看右边" } 你多了一个, ie8兼容模式 就报错 在你的项目中 搜索 ,[\n\r\s]+?} 这个正则表达式  搜到的 都是问题

IE8兼容问题

setInterval 的用法如下: function func() { setInterval("alert()", 1000, this); // chrome 适用, 但不能传参数 setInterval("alert", 1000, this); // chrome.ie8 都不适用 setInterval(alert, 1000, this); // chrome 适用,可传参,ie8适用,不可传参 } IE8 用 setInterval 是不能正常工作的

IE8+兼容经验小结

最近一段时间,我都使用Flask+Bootstrap3的框架组合进行开发.本文就是在这种技术组合下,分享IE8+兼容性问题的解决方法.根据我的实践经验,如果你在写HTML/CSS时候是按照W3C推荐的方式写的,然后下面的几点都关注过,那么基本上很大一部分IE8+兼容性问题都OK了(这里的IE8+主要是指IE8,据个人目测,IE9+的渲染效果已经非常好了). 前期准备 测试IE兼容性必须要在Windows中测,而且是Win7+,因为WinXP最高只支持IE8,IE9就呵呵啦!大部分做Web的童鞋都

ie8兼容background-size属性

满心欢喜地写代码,最后测试兼容性的时候发现Logo图片在IE8下特别大.明显是background-size在ie8一下不兼容. 我懂得,IE8还是个孩子,我就加几句你独有的代码让你兼容吧,司空见惯了: filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/logo.png', sizingMethod='scale'); 然后发现logo变得十分华丽(奥义·双重logo): 明显是ie8两种backgroun

（一）IE8以下background不起作用

最近遇到了些小bug,在这里做个记录分享下.低版本的浏览器不支持新属性或者说对代码的解析方式不一样,导致最后解析出来的结果五花八门,各种浏览器之间的兼容的确是一个令开发人员头疼的事情,不过有时候换一个思路去写也许能避免许多hack,不管是js hack还是css hack始终都是不推荐的,能避免则避免. 先分享一篇别人总结的 css hack方式,比较齐全,感谢原博主.http://blog.csdn.net/freshlover/article/details/12132801 我的问题描述:

ie8兼容半透明效果css

1.opacity:0.5;(半透明效果在ie9及以上版本适用,ie8及以下不兼容) 解决办法:在css中加入filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);即可 eg:  .fb_xl li{ font-size:16px; color:#FFF; width:230px;  line-height:35px; background:#66cc97  center repeat; opacity:0.5; list-sty