刚写一个页面,在chrome,FF里调试完后,忽然想起ie来,放到Ie里其它还好了,但是有个背景图片显示不出来. 调试N遍后,只好上stackoverflow去找一下,果然找到了. 最初是这样写的: background: url(../images/img.png)no-repeat; 在ie8下不显示,改成如下: background: url(../images/img.png) no-repeat; 可以显示了. 看出差别了吗?没有错,一个空格.仅一个空格而已.

ie8 background css没有显示?——都是空格惹的祸

一.背景图片不能显示的原因 代码: background:url(img/img1.jpg)no-repeat; background:url(img/img1.jpg) no-repeat; 第一个背景图片IE8下不会显示,第二行代码的背景图片会显示,区别在于no-repeat前面的空格,IE8对空格的敏感度很高. 二.在HTML中插入图片不能显示 HTML <div class="img"> <a href='javascript:'> <img sr

在chrome,FF可以显示,但是在ie8背景图片显示不出来 css改为如下可以正常显示: background: url(../images/goods.png) no-repeat !important;

随着各种软件的升级,我们系统中的IE6也渐渐被淘汰了,目前主流的浏览器一半的用户已经从IE6直接升级到了IE8,虽然给用户更好的体验,上网更快更方便了,但是对网站制作来说,又是个比较麻烦的问题,因为很多网页代码在不同的浏览器内显示的效果不一样,兼容性控制比较难把握. 今天有个朋友问我为什么他在IE6下,做好的网站可到了客户电脑上打开缺有点异常,因为原来一直使用的marquee滚动标签,在客户电脑上并不出现滚动文字而是一片空白,怎么修改代码都不显示内容.在这里要说一点就是对于marquee标签也就

IE8下,用户点击下载文件,会发现文件类型失丢的问题,解决方案如下: //IE8下载时,只显示action的名字,没有文件名和后缀 @仰止网Simba //return File(bufferbyte, "application/octet-stream", filename); //全兼容:高版本浏览器不需要编码文件名否则会成ASCII乱码,IE8需要编码否则不能识别文件名 return File(bufferbyte, "application/octet-stream&

转:http://www.cnblogs.com/micromouse/archive/2010/07/11/1775174.html 网上搜来的,记录一下,免得以后忘了 F12将开发人员工具启动后,CTRL+P将调试窗口显示到IE的下方.一切功能都可以用了.但在独立的窗口还是不行,这个算是一个变通的解决吧. F12打开后会在下面有有个箭头的图标但是点击没有反应是这样吧,在缩略图上点右键-最大化,然后就出来了,不过此时需要再调整一下大小(不要点最大化或最小化按钮,不然就又没了),可以从右上角调整

错误原因:在引入jquery的时候,使用了html function,在IE8和IE9下面有可能会出现不兼容 解决办法:在html头部加一句 <meta http-equiv="X-UA-Compatible"content="IE=9; IE=8; IE=7; IE=EDGE">然后就万事大吉 要去骚扰我家妹子了

想让bootstrap3兼容ie8,需要将html5shiv.js.respond.js还有bootstrap的所有css.js文件都放在本地服务器空间,不能用CDN. bootstrap所有css.js资源文件都要从同一个域名访问才能实现兼容ie8. 当然,如果不考虑兼容ie8的话就可以使用cdn.

HighCharts饼图用来做数据统计时,在IE8下发现某些图形不能正确显示出来. 在IE8下面会报  'this.renderer.gradients' 为空或不是对象 这样的错误.. 解决方法: (1)打开highcharts.js (2)  ctrl+f 查找 var b=this.renderer.gradients[this.element.gradient]; 替换为: try { var b = this.renderer.gradients[this.element.gradie

  在网页head下添加 <meta http-equiv="x-ua-compatible" content="ie=8" />

今天遇到个小问题,纠结了很久,分享下 a标签添加背景图,需要给a添加display:block样式 但是在ie8下还是不能显示背景图,开始以为是由于a标签为空造成的,试了下添加内容也没用,后来注意到一点细节,修改后就能正常显示了 修改前: background: url('./img/active/legendBg.png')no-repeat 修改后: background: url('./img/active/legendBg.png') no-repeat 注意到了么,就是因为那个空格..

如图所示 : 微博微信前方各应有个图标,但是IE8下图标没有显示 css如下 .weibo_icon{background: url(../ieImages/weibo_icon.png)no-repeat; width: 17px; height: 15px; display: inline-block; position: relative; top: 2px ; right: 2px;} 起初我以为是图片的问题,但是之前项目我都没出现这种问题,后来找了很久问题终于解决了,如图所示: css

最近在修改网站的响应式的页面时,由于都是套样式页面,修改过程都是粘贴复制,导致了一些细节问题在IE8下暴露出来: 遇到的问题就是在在Chrome,火狐页面都正常,唯独在IE8下页面样式显示乱样了,但是本地就显示正常,Tomcat缓存也清楚了,再加上自己也是个小白,周末平静了一天半终于找到问题的源头了,其实解决办法也很简单,如图: 我最初是将小脚本写在<!DOCTYPE html>文档都上方的,但是在IE8浏览文本模式默认就编程了“Quirks”模式,显示不正常,后来改成了写在文档头下方就可以正

今天测试反馈一个bug,需要在ie8下面看到placeholder提示,开始的想法是对ie8进行降级处理,在ie8下面就不显示了. 现在测试反馈了,解决办法. function isLowIE() { ./i) == "7.") { return true; } ./i) == "8.") { return true; } ./i) == "9.") { return true; } else if (navigator.appName == &

实现思路: a标签包裹input元素 设置a标签为上传按钮的样式,相对定位 设置input为透明,绝对定位,覆盖到a上面 效果:看到的按钮是a的样式,点击时实际是点击input元素.样式和功能都具备 html代码: <a href="javascript:;" class="file gradient">选择文件 <input type="file" > </a> CSS代码: .file { position

最近做的网站,需要兼容IE8,在这里记录一下,碰到的问题,方便以后查看补充 1.CSS选择器nth-child 不兼容 ul li:nth-child(2){ background-image: url(../img/2.jpg); background-size: cover; } IE8不兼容 这种写法 在网上百度了一下 兼容写法  戳这里 可以使用jQuery :nth-child() 来替代CSS3 的:nth-child(2n)这种类型的css写法 :nth-child(odd)用于匹

项目中经常会遇到这个问题,在一个内容框中,由于框的宽度是固定的,但是里面的内容却有很多,那么这个时候需求里就要求第一,多余的字要以点点点的形式隐藏,第二,当鼠标移上去的时候要以title提示的方式显示文本框里的所有内容.实现的方式如下 点点点,文字溢出之前有写到.给文本框添加如下样式     display:inline-block;   //这个看情况加    white-space:nowrap;    //必须    overflow:hidden;     //必须    text-ov

 [原链接]http://www.2cto.com/kf/201310/248187.html <style type="text/css">     .linear{            width:100%;            height:600px;            FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColo

IE8.IE9浏览器下报:JSON未定义的问题 解决方法: 在jsp中引入如下代码 <!-- 解决 IE8.IE9 下显示混乱的问题--><% String browserString = BrowserEnum.valueOf1(request); if(browserString == "IE8" || browserString == "IE9"){%> <META http-equiv="X-UA-Compatible