ie8一下解决圆角，阴影不兼容问题

最新推荐文章于 2021-06-10 16:47:13 发布
最新推荐文章于 2021-06-10 16:47:13 发布
阅读量216 收藏
点赞数
文章标签： python
原文链接：https://my.oschina.net/u/2255569/blog/420520
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

这里要引入一个css3pie，专门解决ie不兼容圆角的状况

  1. css中要加入几个属性

    position: relative;

    behavior: url(js/pie.htc);//js绝对路径

   2. 项目名必须为英文

官方网站：http://css3pie.com/


注意：这个貌似只支持盒外阴影

转载于:https://my.oschina.net/u/2255569/blog/420520

weixin_34258078
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决IE不兼容css3圆角和阴影问题
11-24
解决IE不兼容css3圆角和阴影问题
IE系列不支持圆角等CSS3属性的解决方案
silentime的专栏
07-23 146
IE系列浏览器不支持CSS的圆角(border-radius)等CSS3属性是一个众所周知的问题，而FF、Chrome原生的浏览器支持是的优雅的圆角感觉较好，如何解决这个问题呢？   一种比较传统的方案是放弃CSS3，使用背景图，但是这种方式也会有诸多问题，对页面结构改动较大，需要对自适应大小进行控制等，成本较高。   另外一种是百度了一下，发现有个开源的插件可以解决此问题：http:/...
解决IE8及以下版本css3圆角不能显示的问题
duoduo_qiu的专栏
01-21 4689
以前实现圆角都是用图片，这样一来不仅增加了页面加载时间，如果要自适应宽度和高度就要再用上滑动门技术，这样有时候要加上很多多余的和无语义的标签，就算为了html代码的简洁然后用js来实现，也要很多多余的代码，很麻烦。而且圆角的背景、颜色也很难改变，很多时候都要改变图片。 如果用css3就很容易了，只要在css中加上几行代码，如下所示： .site-subNav {      borde
IE8下圆角的展示，解决IE8下圆角无法显示的问题，ie8及其以下版本兼容性问题之圆角...
weixin_30772105的博客
08-08 263
前两天遇到一个在浏览器圆角展示按钮的设计，在IE8下遇到了难点，IE8下按钮变成了方块形状。 VS 一顿百度后找到了方案，采用ie-css3.htc的方式可以解决IE8下圆角功能。 下载地址： http://fetchak.com/ie-css3/ 具体代码： <!DOCTYPE html> <html> <head> ...
ie8浏览器html圆角问题,css圆角和阴影兼容问题（ie7,ie8）
weixin_35316459的博客
06-10 222
Document.box {background-color: #f0f0f0;width: 740px;height: 40px;border: 1px solid #d7d7d7;-moz-border-radius: 11px;-webkit-border-radius: 11px;border-radius: 11px;behavior: url(ie-css3.htc);}下载地址：ht...
让IE6、IE7、IE8支持CSS3的圆角、阴影样式
09-22
然而，对于早期的Internet Explorer浏览器，特别是IE6、IE7和IE8，它们并不支持或不完全支持CSS3的这些新特性。这给开发者带来了挑战，因为这些老版本的IE浏览器仍然占据了一部分市场份额。 解决这个问题的一种方法...
CSS3实现圆角阴影渐变效果兼容IE等浏览器
12-20
对于IE的兼容性问题，IE9及以下版本不支持`border-radius`，我们可以使用Microsoft的专有扩展`-ms-border-radius`，但请注意，这仅适用于IE9。对于更早的版本，可能需要借助于JavaScript库如jQuery UI或使用VML...
让IE支持CSS3的不完全兼容方案
09-25
IE浏览器在CSS3规范刚推出时，尤其是IE8及更早版本，并不支持诸如圆角、阴影、渐变等新特性。描述中提到的“不完全兼容方案”主要是通过滤镜、VML（Vector Markup Language）以及JavaScript等技术，使IE能够模拟实现...
CSS3完美支持IE圆角阴影样式.zip
11-17
综上所述，"CSS3完美支持IE圆角阴影样式"涵盖了前端开发中的重要知识点，包括CSS3的新特性、JavaScript库的应用、以及解决浏览器兼容性问题的策略。通过学习和实践，开发者可以创建出更现代、更具吸引力的网页设计，...
ie8及其以下版本兼容性问题之圆角/阴影
MPFLY的博客
08-07 842
解决办法：在http://css3pie.com/页面下载一个PIE.htc的文件，加载到根目录下，然后在css中加上一句behavior:url(../js/PIE.htc); 例子如下： .border_radius { border:1px solid #000; -moz-border-radius:15px; -webkit-border-ra...
ie8及其以下版本兼容性问题之圆角
yishuihan_001的博客
06-21 5170
ie8及其以下版本兼容性问题之圆角
ie9以下浏览器不兼容css3圆角属性的解决办法
hmbb222的博客
01-11 687
众所周知，ie8以下浏览器过于陈旧，无法兼容css3众多属性，其中一个就是前端比较常用的圆角属性。下面是本人解决这个问题的过程。首先要准备PIE.htc和PIE_IE678.js这两个文件（很多博主讲的是准备这两个其中一个，然后根据引用的不同文件有不同的引用方法，但是经过本人反复试验，我的项目中必须要引用两个文件才会有效。所以如果你也是引用一个怎么都解决不了问题时，我的博客或许对你有用O(∩_∩)...
ecshop不兼容jQuery怎么办
cangyingaoyou的专栏
05-20 2732
原因分析：     在transport.js文件中，大概 580行到590行之间，这个句用于格式化json,他重写了object的结构,导致于js框架冲突。冲突的原因是jquery给一个object增加了很多元素，那么在Object.prototype.toJSONString = function () 这个函数中 for (k in this) 语句中进行了无数次的循环，导致网页很卡，并且
CSS3圆角兼容性问题
weixin_34245082的博客
07-18 287
2019独角兽企业重金招聘Python工程师标准>>> ...
IE中的Bug们 之 box-shadow无效问题
weixin_30467087的博客
09-26 281
测试半小时，我终于捉住了这只Bug。 内容如下： 在 IE 中，如果元素 display 为 table 且 border-collapse 为 collapse，其 box-shadow 将会无效。 css： .a { box-shadow: 0 0 35px rgba(0, 0, 0, .15); display: table; bor...
关于ecshop不兼容jquery的解决方法
步行者的专栏
09-29 916
问题原因：/js/transport.js 文件  Object.prototype.toJSONString = function () {**************｝ 大概 580行到590行之间 这个句用于格式化json,他重写了object的结构,导致于js框架冲突，如果要解决需要把这段代码注释掉，然后用别的方式替换。我是将所有用到*.toJSONString的地方，替换成一个函数，例如：/js/common.js 29行<br />Ajax.call('flow.php?step=add_to_
ecshop优化7-Ecshop与Jquery兼容
roy9494的专栏
08-17 999
http://www.ecmoban.com/article-1629.html Ecshop与Jquery冲突的完美解决方案 ECShop把AJAX事件和JSON解析的模块放在common/transport.js之中，可以说它也有自己封装的一套工具，这其实是很正常的。   但恰恰的，在封装JSON各种方法的同时对o
jQuery 圆角插件jquery.corner.js demo页面
hubowei的专栏
11-14 1326
jQuery 圆角插件jquery.corner.js demo页面 1. 此插件最初由Dave Methvin书写。 2. 此插件demo页面由张鑫旭翻译并编辑，要查看原demo页面请点这里。 3. 此插件后经过几次的改进，目前此项目放在github上。 4. 当前最新版本的插件js下载：jquery.corner.js   http://www.zhangxinxu.com/st
兼容ie8圆角和阴影效果的方法
JINQINGS的博客
04-01 3790
引入文件： 调用Jquery内容： script> window.onload = function(){ if(window.PIE){ $(".class").each(function(){ PIE.attach(this) }); } }; script> 如果在设置了这些之后
除了html5shiv还有什么可以解决IE9以下的兼容
最新发布
07-14
除了使用html5shiv来解决IE9以下版本不支持HTML5标签的问题外，还有一些其他的解决方案可以提供对旧版本IE浏览器的兼容性支持。以下是一些常用的方法： 1. Respond.js：这是一个用于提供IE8及以下版本对CSS3 Media ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值