文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

圆角不能在IE上工作

是指在Internet Explorer浏览器中无法正确显示圆角效果的问题。这是因为早期版本的IE浏览器不支持CSS3的border-radius属性，该属性用于设置元素的圆角效果。

解决这个问题的方法是使用其他方式来实现圆角效果，例如使用图片或JavaScript来模拟圆角。以下是一些常用的解决方案：

  1. 使用图片：可以创建包含圆角效果的图片，并将其作为元素的背景图像。这种方法可以在所有浏览器中实现圆角效果，但需要额外的图片资源。
  2. 使用JavaScript库：例如，可以使用jQuery库中的corner插件或CSS3Pie库来实现在IE浏览器中的圆角效果。这些库通过JavaScript代码来模拟圆角效果，但可能会增加页面加载时间和性能开销。
  3. 使用CSS hack：可以使用一些CSS hack技巧来在IE浏览器中实现圆角效果。例如，可以使用CSS3的border-radius属性和IE的VML（矢量标记语言）来实现圆角效果。这种方法需要在CSS中编写额外的代码，并且可能不够简洁和可维护。

总结起来，解决在IE浏览器中无法正确显示圆角效果的问题可以使用图片、JavaScript库或CSS hack等方法。具体选择哪种方法取决于项目需求和开发者的偏好。在使用腾讯云相关产品时，可以考虑使用腾讯云的图片存储服务和CDN加速服务来优化图片加载速度，提高用户体验。

相关链接：

相关搜索:<bgsound>不能在Windows10上的IE11上运行@font-face IE不工作Angular 2在IE中不工作Angular 5在IE 11中不工作Bing地图可在Chrome上显示，但不能在IE上显示Flexbox在IE10上不工作Flex可以在chrome中工作，但不能在IE中工作Javascript在JSfiddle中工作，但不能在Chrome或IE中工作Javascript视频不能在ie11上运行MVC中的Ajax.BeginForm只能在IE中工作
相关搜索:
页面内容是否对你有帮助？
有帮助
没帮助

相关·内容

关于拖拽功能在IE11 、Firefox和Safari中不兼容的问题

拖拽功能不兼容主要有4大主要原因: 1是event的path属性引起的bug（ie，firebox，safari） 2是event的dataTransfer.setData属性（ie，firebox...） 3是firefox在拖动的时候会打开一个新窗口 （firbox） 4是ie11不支持onclick属性方法 ； ie11 里元素对象的attributes的排序和其他浏览器不同, ie11 中...remove()方法不work (ie) 对于原因1的解决方案 其中IE11 压根就不支持path属性，firefox和Safari还勉强通过hack的方式获取到path，获取方式如下： const...如果你firefox和ie11都想兼容，我们就设置好 dataTransfer.setData('Text'，数据） ，就好。...解决这个问题 ，我是通过遍历attributes 找到符合我要的代替之前的写死的attributes顺序 针对ie11 remove()不work的情况，可以用代码 parent.removeChild

3.2K30

CSS3边框与圆角

CSS3 圆角 border-radius 属性 一个最多可指定四个border -*- radius属性的复合属性，这个属性允许你为元素添加圆角边框！...语法：border-radius: 1-4 length|% / 1-4 length|%; 兼容性：IE9+、FireFox4+、Chrome、Safari5+、Opera 多值 四个值：...设置一个或多个下拉阴影的框 语法：box-shadow: h-shadow v-shadow blur spread color inset; (blur是模糊值，spread是扩展值，inset可转为内阴影） 兼容性：IE9...CSS3 边界图片 border-image 属性 构建可扩展按钮 语法：border-image: source slice width outset repeat; 兼容性：IE不兼容、FireFox...、Chrome、Safari6+、Opera不兼容 扩展属性 border-image-source：指定要使用的图像，而不是由border-style属性设置的边框样式 语法：border-image-source

1.5K20

基于jQuery UI CSS Framework开发Widget

提供了一套默认的图标，这些图标适用于大多场景，一般使用的方式是“ui-icon ui-icon-****”来指定icon .ui-corner-tl:左上角圆角，基于css3，ie不支持 .ui-corner-tr...:右上角圆角，基于css3，ie不支持 .ui-corner-bl:左下角圆角，基于css3，ie不支持 .ui-corner-br:右下角圆角，基于css3，ie不支持 .ui-corner-top:...上面两个角圆角，基于css3，ie不支持 .ui-corner-bottom:底部两个角圆角，基于css3，ie不支持 .ui-corner-right:右部两个角圆角，基于css3，ie不支持 .ui-corner-left...:左部两个角圆角，基于css3，ie不支持 .ui-corner-all:全部角圆角，基于css3，ie不支持 .ui-widget-overlay:遮罩 .ui-widget-shadow:阴影 在写...默认状态的样式；ui- corner-all 圆角（基于css3，ie下不起作用） this.element.addClass("ui-widget ui-state-default

1.7K100

css3在IE下兼容

原文地址：http://blog.csdn.net/bingqingsuimeng/article/details/44201433 做前端的同学都应该听说或者用过，是一段脚本，可以让ie实现css3里的圆角和阴影效果...css带来的便利是很容易感受的到的，但恶心的是它在ie下的不兼容，所以某位牛人现身写了个ie-css3.htc，允许你在ie下去使用css3的部分东西。...ie-css3的使用方法很简单，在你需要使用css3的样式里加入behavior: url(js/ie-css3.htc);就可以了（括号里是ie-css3.htc的地址） ie-css3.htc...+ using IE-CSS3 */       behavior: url(ie-css3.htc);              /* This lets IE know to call the script...经过测试，在ie678下： 都见到了可喜的圆角 阴影颜色不能控制，是默认的黑色  可喜可贺。text-shadow 和 word-wrap一切效果正常。

1.1K40

浏览器兼容

[endif]--> 使用了条件注释的页面在 Windows Internet Explorer 9 中可正常工作，但在 Internet Explorer 10 中无法正常工作。...我们需要针对不同的浏览器去写不同的CSS，让它能在不同的浏览器中也能得到我们想要的页面效果。实际项目中CSS Hack大部分是针对IE浏览器不同版本之间的表现差异而引入的。...--[if IE]>IE浏览器显示的内容 ; 针对IE6及以下版本：只在IE6-显示的内容 。...inline-block: >=ie8 background-size: >=ie9 圆角: >= ie9 阴影: >= ie9 动画/渐变: >= ie10 八：处理兼容的开发工具 html5shiv.js...运行的时候它会在html元素上添加一批CSS的class名称，这些class名称标记当前浏览器支持哪些特性和不支持哪些特性 详情见文档：Modernizr介绍文章 ?

1.8K52

CSS魔法堂：那个被我们忽略的outline

/7/8(Q)均不支持，在IE8下写入正确的DOCTYPE则支持outline属性。...outline-offset则IE下均不支持。 IE6/7/8(Q)下隐藏outline 若要在IE6/7/8(Q)下隐藏outline效果，则在元素上添加hideFocus特性即可。...真心没法弄出圆角  自从有了border-radius后，我们就可以通过CSS制作圆角矩形、圆形等图形，甚至连box-shadow也受到border-radius影响从而实现元素阴影也能做到圆角的效果。...那么outline是否也能做出圆角的效果呢？答案是否定的。...那是因为outline的作用本来就是用于勾勒出元素所占的空间轮廓，通过border-radius虽然实现了图形视觉上的圆角，但该元素所占位置空间一点都没有变化，还是那个有棱有角的方形。

72110

考古Expression Web：微软当年最漂亮的WPF软件

透过使用强大的设计工具和工作窗格快速地合并 XML 数据，减少复杂度和简化数据整合。...可视化的设计工具、专门的工作窗格和工具列，让您精确地控制版面配置和格式。...可是毕竟年代久远，在我的Windows 10电脑上已经运行不了IE6的部分，或许Windows 7 还可以试试吧。 ? 4. Web的遗产 ?...在当时Expression Studio是微软发布的最漂亮的WPF软件，连右键菜单都经过精心设计，即使现在看来都很时髦（设计潮流又轮回了一次，最近微软又重新喜欢上了下面这种圆角设计）： ?...既然已经不更新了，开源才是它们最好的归宿，毕竟现在很多WPF软件做得还不如当年的微Expression Studio，可惜微软完全没这个打算。

1K10

基于HT for Web矢量实现HTML5文件上传进度条

在HTML中，在文件上传的过程中，很多情况都是没有任何的提示，这在体验上很不好，用户都不知道到时有没有在上传、上传成功了没有，所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件上传进度条..._value = value;     self.fp('value', oV, value); }; 代码中，通过fp()方法来派发propertyChange事件，如此，进度条就可以正常工作，随着node...但是还有一点不足，进度条虽然在跑了，但是我们还是不知道当前进度值是多少，只能通过进度条的比重来大致估计当前进度值，我们能否在进度条上添加一个文本，用来显示当前进度值呢，答案是肯定的，我们只需要在矢量的comps...现在的进度条与最终效果就差圆角了，那么圆角要如何实现呢？...采用自定义类型的方法，调用roundRect()方法，绘制一个圆角矩形区域，然后再调用clip()方法，截掉圆角矩形区域外部分。

80920

HTML5矢量实现文件上传进度条

在HTML中，在文件上传的过程中，很多情况都是没有任何的提示，这在体验上很不好，用户都不知道到时有没有在上传、上传成功了没有，所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件上传进度条..._value = value;     self.fp('value', oV, value); }; 代码中，通过fp()方法来派发propertyChange事件，如此，进度条就可以正常工作，随着node...但是还有一点不足，进度条虽然在跑了，但是我们还是不知道当前进度值是多少，只能通过进度条的比重来大致估计当前进度值，我们能否在进度条上添加一个文本，用来显示当前进度值呢，答案是肯定的，我们只需要在矢量的comps...现在的进度条与最终效果就差圆角了，那么圆角要如何实现呢？...采用自定义类型的方法，调用roundRect()方法，绘制一个圆角矩形区域，然后再调用clip()方法，截掉圆角矩形区域外部分。

2.5K40

HTML5矢量实现文件上传进度条

在HTML中，在文件上传的过程中，很多情况都是没有任何的提示，这在体验上很不好，用户都不知道到时有没有在上传、上传成功了没有，所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件上传进度条..._value = value; self.fp('value', oV, value); }; 代码中，通过fp()方法来派发propertyChange事件，如此，进度条就可以正常工作，随着node...但是还有一点不足，进度条虽然在跑了，但是我们还是不知道当前进度值是多少，只能通过进度条的比重来大致估计当前进度值，我们能否在进度条上添加一个文本，用来显示当前进度值呢，答案是肯定的，我们只需要在矢量的comps...现在的进度条与最终效果就差圆角了，那么圆角要如何实现呢？...采用自定义类型的方法，调用roundRect()方法，绘制一个圆角矩形区域，然后再调用clip()方法，截掉圆角矩形区域外部分。

2.4K80

CSS3圆角详解

CSS3是样式表（style sheet）语言的最新版本，它的一大优点就是支持圆角。 网页设计大师Nicholas Zakas的最新文章，清晰易懂地解释了CSS3圆角的各个方面，非常值得学习。...CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，而且还有其他多个优点： 　　* 减少维护的工作量。图片文件的生成、更新、编写网页代码，这些工作都不再需要了。 　　* 提高网页性能。...三、单个圆角的设置 除了同时设置四个圆角以外，还可以单独对每个角进行设置。...四、浏览器支持 IE 9、Opera 10.5、Safari 5、Chrome 4和Firefox 4，都支持上述的border-radius属性。...moz-border-radius-bottomright（标准语法：border-bottom-right-radius） 五、注意事项 虽然各大浏览器都支持border-radius，但是在某些细节上，

93320

基于HT for Web矢量实现HTML5文件上传进度条

在HTML中，在文件上传的过程中，很多情况都是没有任何的提示，这在体验上很不好，用户都不知道到时有没有在上传、上传成功了没有，所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件上传进度条..._value = value; self.fp('value', oV, value); }; 代码中，通过fp()方法来派发propertyChange事件，如此，进度条就可以正常工作，随着node...但是还有一点不足，进度条虽然在跑了，但是我们还是不知道当前进度值是多少，只能通过进度条的比重来大致估计当前进度值，我们能否在进度条上添加一个文本，用来显示当前进度值呢，答案是肯定的，我们只需要在矢量的comps...现在的进度条与最终效果就差圆角了，那么圆角要如何实现呢？...采用自定义类型的方法，调用roundRect()方法，绘制一个圆角矩形区域，然后再调用clip()方法，截掉圆角矩形区域外部分。

1.2K90

CSS-03

radius 半径（距离） 允许你设置元素的外边框圆角。当使用一个半径时确定一个圆形，当使用两个半径时确定一个椭圆。这个(椭)圆与边框的交集形成圆角效果。...实际工作中常用这种方式进行网页布局，示例代码如下： .header{ width:960px; margin:0 auto;} # 文字(行内元素)居中 文字水平居中是 text-align: center...# 嵌套块元素垂直外边距的合并 对于两个嵌套关系的块元素，如果父元素没有上内边距及边框，则父元素的上外边距会与子元素的上外边距发生合并，合并后的外边距为两者中的较大者，即使父元素的上外边距为0，也会发生合并...visible(默认) : 　不剪切内容也不添加滚动条。...auto : 　 超出自动显示滚动条，不超出不显示滚动条 hidden : 　不显示超过对象尺寸的内容，超出的部分隐藏掉 scroll : 　不管超出内容否，总是显示滚动条 应用:溢出的文字隐藏 .hid-kk

2K30

年薪30万的前端面试题，你能答对几道？|附答案

在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 7.html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？...绘画 canvas 用于媒介回放的 video 和 audio 元素 本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失； sessionStorage 的数据在浏览器关闭后自动删除...CSS3实现圆角（border-radius:8px），阴影（box-shadow:10px）， 对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform） transform...(优点） 因为Node是基于事件驱动和无阻塞的，所以非常适合处理并发请求， 因此构建在Node上的代理服务器相比其他技术实现（如Ruby）的服务器表现要好得多。...向前端优化指的是，在不影响功能和体验的情况下，能在浏览器执行的不要在服务端执行，能在缓存服务器上直接返回的不要到应用服务器，程序能直接取得的结果不要到外部取得，本机内能取得的数据不要到远程取，内存能取到的不要到磁盘取

5.6K60

Designer VS Coder, who is the winner?

或者大家都不重要，但总有一个“更”…… 下面是我（非著名coder）与以前一个同事（资深designer）的聊天记录： Ding Xue：现在不用IE8，鬼知道正式版出来后会和现在的版本有什么地方会一样...Ding Xue：如果世界上压根儿不存在desinger这样一个职业，估计也不会有这么多麻烦了 +u Zheng：如果不存在程序就更好了 Ding Xue：那不对，程序是为功能而生的，designer...designer的确应该有，职责应该是设计如果更好的方便用户操作和理解，现在好像说起designer，大部分人的第一印象就是把网站做得好看，本末倒置了 Ding Xue：最简单的例子，为什么会有圆角...+u Zheng：也不是啊 好的designer 就是达到2者的优美结合 要不只会做的好看 不一定拿的钱多 +u Zheng：现在我做的东西已经基本屏弃了圆角了 +u Zheng：加不加圆角...呵呵，最近在家静修，好多事回去想想突然感觉明白了许多 +u Zheng：呵呵 你我不同路 莫谈此事 有些事情 时间长了自然会有分晓 Ding Xue：对了，你最近忙不？

55920

从零开始学 Web 之 CSS3（二）颜色模式，文字阴影，盒模型，边框圆角，边框阴影

3、浏览器的兼容性 IE8 及以上版本支持该属性，Firefox 需要加上浏览器厂商前缀 -moz-，对于低版本的 IOS 和 Android 浏览器也需要加上 -webkit- 四、边框圆角 使用...border-radius 属性来设置圆角。...*/ border-top-right-radius: 100px 50px; /*设置上偏移100px，右偏移50px样式的圆角*/ border-bottom-left-radius: 80px...: 40px 20px; /*设置上偏移40px，左偏移20px样式的圆角*/ /*8.如果想设置四个角点的不同方向上的不同圆角值*/ /*分别是水平方向的偏移：左上，右上，右下，左下 ，垂直方向的偏移...box-shadow: 10px 10px 5px pink, -10px -10px 5px pink; /*spread等不需要，省略不写*/ ?

1.4K30
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券