IE8下html有个灰色边框去不掉

2024-10-22

图片在IE8浏览器多一个有边框问题解决办法

最后在网上找了一下答案,IE8浏览器图片多一个有色边框,而Chrome浏览器没有边框的解决办法. 指定img的边框样式: img{border-style:none;}

IE8下，去除iframe的边框

iframe边框通过css设定在FF下正常在ie下却还存在边框,设置frameborder="0"和border="0"可以去掉讨厌的iframe边框 <iframe class="frame-size" id="tab1" src="about_blank" frameborder="0" style="height: 400px;"></ifra

ie8下a标签中的图片出现边框

1.ie8下a标签中的图片出现边框 <a href="#"><img src="horse.jpg"></a> 效果如图所示 2.解决方案将img的边框设置为0或none img{border:none;}

关于img标签浏览器自带的边框，清除边框的解决方式(即img[src=""] img无路径情况下，灰色边框去除解决方法)

详解img[src=""] img无路径情况下,灰色边框去除解决方法 1.Js解决办法 <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <img src="error.jpg" onerror="whenError(this)"> </bo

ie8下jquery改变PNG的opacity出现黑边,ie6下png透明解决办法

目前互联网对于网页效果要求越来越高,不可避免的用到PNG图片,PNG分为几种格式,PNG8 PNG24 PNG32,其中最常用的,也是显示效果和大小比较适中的则是PNG24,支持半透明,透明,颜色也非常丰富,但由于咱们国人使用IE系列或以IE为内核系列的浏览器占大多数,并且由于 WINDOWS XP在国内市场份额比较大,并且XP上好多人还在用IE6 IE7 IE8等浏览器,而这些浏览器对于PNG支持或多或少都有差距,IE6完全不支持PNG,IE7 IE8支持PNG不完全,在IE7 IE8下面对

ie8下jquery改变PNG的opacity出现黑边

复制网上的,没有他们那个类型的博客,所以就直接复制了这些天在做一个效果,鼠标经过,PNG图片由透明变成不透明,jquery代码:$(element).animate({"opacity":1},1000); 但是会出现黑边,晚上查了好多办法,分别对IE8设置过滤器啊等等,都不见效果.后面看了一篇文章说ie6不是不支持PNG格式,而是不支持PNG-24,但是能支持PNG-8.这个给了我启发,我发现了有3个办法来解决IE8下出现黑边的问题: 1.把图片保存成PNG-8格式. 2.把

jquery.validate.js在IE8下报错不运行

因为项目要表单验证,所以特意去找了jquery.validate这个应该是jquery官方团队出品的表单验证插件. 实际应用时,却在IE8调试时碰到了问题. 从jquery.validate官网下载了压缩包后,用demo中的页面在IE8下并不会报错而我应用到实际页面中去却会在IE8下报错.如下图: 对比了demo中的页面后,略尴尬的发现,demo中引用的是jquery.validate.js,而我因为要应用到生产环境中,所以下意识的引用了其中的jquery.validate.min.js,也即

IE8下服务端获取客户端文件的路径为C：/fakePath问题的解决方案

上一篇文章上提到,IE8下服务端获取客户端文件的路径时,会变成C:/fakePath问题,于是乎通过文件路径去获得文件大小就失败了. 上网搜了一下,主要原因是IE8因为安全考虑,在上传文件时屏蔽了真实路径,用C:/fakePath代替. 一.可以通过设置浏览器安全选项得到真实路径: Internet选项 -> 安全 -> 自定义级别 -> 将本地文件上载至服务器时包含本地目录路径 -> 选“启动” -> 确定但是,作为开发者,我们不能指望客户去这么做,所以我们必须通过代码解

input输入框的border-radius属性在IE8下的完美兼容

在工作中我们发现搜索框大部分都是有圆角的,为此作为经验不足的前端人员很容易就想到,给input标签添加border-radius属性不就解决了嘛.不错方法确实是这样,但是不要忘了border-radius是css3属性,IE8不兼容!!!那么问题来了,怎样在IE8下完美兼容呢? 网上有很多关于css3属性在IE8下兼容的方法,需要引入PIE.htc这个文件,相信很容易搜到并下载该文件,但是用上position:relative;behavoior:url(PIE.htc);后发现圆角是实现了,但

jQuery的animate方法在IE8下出现小问题

今天修改网站的bug,把网页显示的几张图片给做成左右滑动的动画效果: 由于本身有一个demo可供参考,然后在此基础上进行修改,所以很快就搞定了,然后在chrome,firefox,IE9下分别进行测试,都没问题: 然后毕竟要考虑IE的兼容性,开始在IE8下测试,然后就出现问题了,样式可以正常显示,但左右滑动的效果没了,百思不得其解,难道jquery的animate方法在IE8下有问题: 于是看animate的实现方式,无外乎就是改变div的margin-left属性值,源代码如下: $("#pr

快速记录 IE8 下三个问题

快速记录 IE8 下三个问题昨天 pc 端网站上灰度,发现多个在 IE8 下的问题,描述和解决方案如下: 第一个问题是 css 文件过大现象把项目所有的 css 打包成单个文件,在现代的浏览器下是没有问题的,在 IE11 下的 IE8 模式也是没有问题. 但是在真实的 IE8 下,发现某个页面的 css 不能生效,百思不得其解. 然后,几个人在代码层面逐步排查问题,排查方法是:写一个 body 样式,放在不同的位置去试试,看看是否生效,同时把不能原来不生效的 css 全部注释掉. 已过几轮

关于bootstrap在IE8下不能支持自适应的问题

说到这个问题,我就想吐槽下IE了,开发这么多版本,每个版本都有一些这样那样的问题不支持,别的正常的浏览器咋都能支持呢?真是垃圾浏览器!!!! 说归说,但是IE现在用的人多啊,怎么办?这个问题还是得解决啊. 先说说为什么低版本的IE不支持bootstrap呢?其实你们仔细查看一下代码就会发现,在IE下,页面根本没有使用bootstrap-responsive中的样式,原因是低版本的SB IE不支持@media ,所以它就不能实现自适应了. 找了好久,后来终于找到别人写的JS来实现在IE下的自适应

ie8下使用bootstrap不能显示icon的图标

写在前面: 在做项目的时候,就一直使用的火狐浏览器是开发的,但是放到了ie8上运行的时候,就弄得class样式为icon的图标无法显示出来.所以就要改改改!!! 这里本项目中的代码: <small><small> <i class="icon-leaf"></i>SPAS系統管理員: </small> 上面黄色的代码,在ie8中无法显示相关的样式图片.于是疯狂的查资料,后来突然发现好像没有引入相关的fontawesome-we

在IE8下background-image不显示的解决方法

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

# bug 查找 (一) 快速记录 IE8 下三个问题

bug 查找 (一) 快速记录 IE8 下三个问题昨天 pc 端网站上灰度,发现多个在 IE8 下的问题,描述和解决方案如下: 第一个问题是 css 文件过大现象把项目所有的 css 打包成单个文件,在现代的浏览器下是没有问题的,在 IE11 下的 IE8 模式也是没有问题. 但是在真实的 IE8 下,发现某个页面的 css 不能生效,百思不得其解. 然后,几个人在代码层面逐步排查问题,排查方法是:写一个 body 样式,放在不同的位置去试试,看看是否生效,同时把不能原来不生效的 css

IE8下Extjs报缺少':'符号错误

先介绍下这个问题的由来: 上午其他项目组人员在rtx上问,求帮忙解决ie8兼容性问题. 然后快到饭点,知道这个bug肯定不是那么好解决,肯定不能耽误吃饭时间. 果断说,下午来弄. 下午3点开始去看这个bug. 具体问题就是:点击修改按钮报了缺少':',186行错误. 看了下他的代码186行,是空白行,上下行,也并没有:符号,这错误报的有点看不懂了. 不过这才有意思嘛,两下三下就解决的bug,干起来多没劲. IE8真的很蛋疼,调试起来特别麻烦.调试模式开启,找到报错地方,‘treeselector

IE8下导入EXCEL数据传到客户端以附件下载

IE8下导入EXCEL数据传到客户端以附件下载方式出现,而不显示数据,解决方法:以text/html格式返回. HttpResponseMessage message = new HttpResponseMessage(HttpStatusCode.OK); message.Content = new StringContent("数据", Encoding.UTF8, "text/html"); return message;

真~让IE8支持background: rbga; ，IE8下兼容rgba颜色的半透明背景

IE8下兼容rgba颜色的半透明背景这样的标题在百度和google搜索下很多篇文章,讲解IE8下兼容rgba的. 这些文章全部都是使用IE下的filter来使元素透明,但是这个里面会有bug. 它们的如下: background: rgba(0,0,0,.5); /*支持rgba的浏览器*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); IE f

echarts在IE8下遮挡其他组件的问题

echarts的图在IE8下会浮在上层遮挡住其他组件,解决方式是页面中引入 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

ie8下背景图片平铺问题

IE9+及其他浏览器实现背景图片平铺可能需要一个属性就可以background-size:100%/cover; 但是ie8下background-size是不兼容的,因此我们需要用到滤镜,来解决背景图片拉伸问题. 仅需如下代码: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/news/news-banner.png', sizingMethod='scale'); -ms-filter: prog

ie7、ie8 下Table 中 td 列固定宽度未按样式设定显示曲线解决方案

<!doctype html> <html> <head> <meta charset='utf-8'> <style> .title {background-color:#ccc;width: 150px} </style> </head> <body> <table style='width:600px'> <tr> <td class='title'>哈哈</td

IE8下html有个灰色边框去不掉

热门专题