1、 1 / 3Web 基础课程 Topic 文档规范时间节点： Topic 1 提交 5 月 7 日 20：00Topic 2 提交 6 月 11 日 20：00命名规范： 提交 doc 文件，将文件名命名为“学号+ 姓名+Topic 题目”的格式，如“10302010100+姓名+Web 框架开发的研究” ，在规定的时间之前上传到FTP。格式： 全文应分为标题，摘要，简介（提出要论述的内容） ，正文（详细阐述要论述的内容） ，比较或评估（可选，针对要做的内容作一些比较等，如性能，速度，安全性等） ，限制（可选，应用场景的限制等，使文章更严谨） ，总结，参考文献（参考资料）地址。排版： 正文宋体
2、五号字，西文 Arial 字体，段后 0.5 行，1.2 倍行距，2000 字左右，4-6 页，下方应标注页码，需要注释文字的时候请使用脚注。标题为黑体三号居中，摘要为楷体五号字，具体的格式可以参考附页参考格式。有图片和表格的时候请正确地使用题注，有代码的时候请使用 Courier New 字体。2 / 3让 IE 浏览器支持 CSS3 圆角属性的方法10302010100 孙悟空摘要：如果要想在 IE 浏览器中实现圆角的效果，我们一般都会采用圆角图片的方式。用图片的话，基本就跟浏览器没有多大关系了，因为任何浏览器都支持这种方式。今天我们主要是讲解如果用 CSS3 样式表来实现圆角效果，值得注
3、意的是， IE6/7/8 这三个 IE 浏览器版本都不支持 CSS3 的解析，只有还不太主流的 IE9 支持 CSS3 和 HTML5 的标准。如果要想在 IE 浏览器中实现圆角的效果，我们一般都会采用圆角图片的方式。用图片的话，基本就跟浏览器没有多大关系了，因为任何浏览器都支持这种方式。今天我们主要是讲解如果用 CSS3 样式表来实现圆角效果，值得注意的是， IE6/7/8 这三个 IE 浏览器版本都不支持 CSS3 的解析，只有还不太主流的 IE9 支持 CSS3 和 HTML5 的标准。让 IE 支持 CSS3 的解析方法有很多种， （让 IE 浏览器支持 HTML5 标准的方法）下面介
4、绍一种实用的让 IE 支持 CSS3 解析的方法IE 利用 VML 矢量可标记语言作为画笔绘出圆角：.mainborder: 2px solid #C0C0C0;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;position:relative;z-index:2;behavior: url(此处为 ie-css3.htc 文件的绝对路径);下载一个压缩包，里面有一个微软的脚本文件（11KB）和一个用来测试服务器是否有正确的 Content-Type 的 HTML 文件：iecss3.rar ；.
5、htc 文件是 IE 内核支持 Web 行为后用来描述此类行为的脚本文件。它们定义了一套方法和属性，程序员几乎可以把这些方法和属性应用到 HTML 页面上的任何元素上去。 Web 行为是非常伟大的因为它们允许程序员把自定义的功能“连接”到现有的元素和控件，而不是必须让用户下载二进制文件（例如ActiveX 控件）来完成这个功能。Webkit 内核的浏览器支持“-webkit-border-radius: 10px;”属性（10px 是圆角半径），可以直接解析出圆角；Firefox 浏览器支持“-moz-border-radius: 10px;”属性，也是可以直接解析出圆角；IE 系浏览器则需要
6、加上 “border-radius: 15px;”的属性。注意：3 / 31、behavior 的 url 里一定要填写 ie-css3.htc 的绝对路径，因为 IE 浏览器找该文件是相对当前 html 文件路径来找的，所以对于 Wordpress 等动态程序生成的页面一定要填写绝对路径。2、一定要有定位属性：position:relative;3、因为在 IE 浏览器下这些 CSS3 效果的实现是要借助于 VML，由 VML 绘制圆角或是投影效果，所以还需要一个 z-index 属性。z-index 属性最好设置得比较大，如 2。4、如果在 IE 浏览器下某些模块无法用此渲染，可以试着绝对定位相应的层，即加上“ width: 400px; height:400px;”属性。5、radius 属性的 10px 是圆角半径，还可以给两个值如“border-radius: 10px 5px;”，这样则左上角与右下角半径为 10px，右上角与左下角半径为 5px。也可以赋 4 个值，为“ 上 右 下 左”。图表 Error! Main Document Only. 圆角框
