如何让IE浏览器支持CSS3圆角

今天在地铁里，我看到一个男人小心翼翼地调整着手机上的网站布局，手指在屏幕上滑动，偶尔瞥一眼他的脸。
我想知道它是否正在纠正 i​​e-css3 .htc 文件的输出？这份文档看起来很老了，2 008 年左右还在使用。
当时IE6 、IE7 还是主流，很多人都在研究如何支持老版本IE的新功能，比如圆角、阴影等。

看到这段代码-moz-border-radius，-webkit-border-radius，现在直接使用border-radius。
那个属性：url(ie-css3 .htc)可能有点神奇，可以让IE6 和IE7 实现CSS3 效果。
但谁还在用IE6 呢？在 2 01 8 年我上一家公司，人们抱怨 IE1 1 速度慢，但在 2 01 9 年他们被迫升级到 Edge。

等一下，还有一件事。
http://www.iefans.net/ie-css3 -yuanjia 这个网址还能打开吗？已经超时了。
现在我在前端工作时主要使用 Chrome、Firefox 和 Edge，偶尔检查 Safari 兼容性。
IE集合早已被扔进了历史的垃圾箱。

我突然想到，以前用IE6 的爷爷奶奶现在都用iPhone了吗？你怀念使用ie-css3 .htc的日子吗？

css圆角问题，border-radius问题

说起Photoshop，当我第一次开始使用它时，我对它的抗锯齿效果感到惊讶。
我记得有一次花了几个小时使用钢笔工具绘制了一条看似平滑的曲线。
当我放大时，我意识到，哇，它看起来是锯齿状的，就像一条波浪线。
我当时不明白，为什么Photoshop不能让它像真实的东西一样流畅呢？
说实话，这其实还蛮有趣的。
想想看：我们计算机屏幕上显示的内容是以像素为单位测量的。
像素就像可以组合形成图像的小网格。
然而，当我们想要显示对角线和曲线之类的东西时，像素就无法胜任这项任务。
它们只能一个接一个地放置，因此会出现不均匀的边缘。

这次你需要软件。
PS等图像处理软件会使用一些算法在像素之间插入过渡色，以模拟平滑的效果。
PS在这方面确实做得很好。

但是，当涉及到浏览器时，情况就有点不同了。
当浏览器渲染页面样式时，应该与 PS 发生中断。
你看，不同的浏览器如Firefox、Chrome、IE1 1 在显示同一条曲线时，效果略有不同。

所以，如果你想达到近乎完美的效果，你可以只使用图像。
但在这种情况下，CSS就失去了意义。
毕竟，CSS 的设计目的是让我们能够使用代码而不是图像来实现样式。

我记得有一次我的朋友正在做网页设计。
为了达到平滑曲线的效果，他特意使用了曲线的图像。
导致网页加载速度极慢，用户体验极差。
后来他决定用CSS来实现。
虽然效果可能没有图片那么完美，但至少网页运行流畅，用户体验更好。

网页不能正常显示css怎么办

网页上的CSS不显示哦。
我已经多次看到这种情况发生。
我们先来说说网络问题。
这是最常见的。
例如服务器空间不足；或者网速慢如蜗牛，服务器响应时间太长。
网页布局正常，但没有风格。
解决办法也很简单。
首先检查服务器或空间是否正常，带宽是否充足。
请刷新页面并尝试其他网络环境。
使用开发者工具中的网络面板（F1 2 ）查看CSS文件是否已成功下载。

我们来谈谈代码兼容性问题。
这在 IE6 和 IE7 等较旧的浏览器中尤其常见。
例如，如果您使用 CSS3 功能而没有优先权。
较旧的浏览器可能无法识别它们。
因此，请谨慎使用标准符号，例如 box-sizing:border-box 而不是前缀。
对于较旧的浏览器，可以使用条件注释或改进策略来优化兼容性。

此外，如果字符集设置不正确，也会出现问题。
必须检查@charset 是否为“UTF-8 ”。
CSS文件的开头，与网页的编码相同。
必须在 HTML 的 <head> 中声明。
使用浏览器查看编码类型是否匹配。

有关其他建议，请使用开发人员工具的控制台面板来排除错误。
清除浏览器缓存以避免旧式干扰。
您还可以观看“CSS视频教程”或专业文档来学习兼容处理技术。

有了这个功能，基本上就可以解决CSS显示不规则的问题了。
说实话，当时我不太明白，但多年以后，我仍然能明白。