摘要：通常情况下，我们使用css3样式中的border-radius实现圆角效果，但是这种方法IE8.0以下版本浏览器是不支持的。 但是目前使用IE8.0的用户还比较多，Windows XP系统最高支持IE8.0，还有些其他的某些Trident内核浏览器也是还停留在IE7.0，所以如果要求比较高的情况下，就要考虑其他办法来实现这个效果。
阅读全文
摘要：网页中的渐变色区域，渐变色背景，一般都是通过ps图片方法来实现，但是图片放得多了会影响网页的打开速度，本文介绍的就是用纯 CSS 实现 IE 、Firefox、Chrome 和 和Safari都支持的渐变色效果。一. 支持IE的css渐变色设置FILTER: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#EEEEEE', endColorstr='#ffffff');修改参数：GradientType=0:垂直渐变, GradientType=1:默认值,水平渐
阅读全文
摘要：这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章，题目有点吓人，但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点，看过以后确实收获很大。平时都是用px来定义字体，所以无法用浏览器字体放大的功能，而国外大多数网站都可以在IE下使用。因为：IE无法调整那些使用px作为单位的字体大小；国外的大部分网站能够调整的原因在于其使用了em作为字体单位；Firefox能够调整px和em，但是96%以上的中国网民使用IE浏览器（或内核）。px像素（Pixel）是相对长度单位，像素px是相对于显示器屏幕分辨率而言的。（引自CSS2.0手册）em是相对长度单位，相
阅读全文
摘要：现象描述：直接使用DreamWeaver制作的表格，在没有使用CSS情况下，一般默认的效果如下：没有CSS的装饰，表格边框太粗，太难看了，怎么样能制作一个效果较好的表格呢？需求描述：使用Css样式，定义一个边框为1px的表格，且在不同浏览器下显示一致。实现方法：代码一：table{border-collapse:separate; background:#aaa; border-spacing:1px;}td{ background:#fff;} 代码二：table{border-collapse: collapse;border: 1px solid #aaa;}tab...
阅读全文
摘要：一. 标题+内容+关闭按钮示例代码： 标题 内容 二. 蒙版+半透明边框弹窗示例代码： 点击任意图片弹出弹窗，点击弹窗图片即可关闭弹窗 弹窗弹出后，原窗体内容变暗，滚动鼠标滑轮，页面仍可滑动，但不可对原页面内容进行操作 点击弹窗后，弹窗消失，页面恢复初始状态
阅读全文
摘要：这个效果可是通过代码实现的哦，在不同浏览器下都可以正常显示对于html中使用CSS实现透明边框的效果，主要有以下四种属性设置方法，但由于这些属性兼容性并不是很好，单一使用会造成不同浏览器显示效果不同，或根本就没有效果，为了能在不同内核的浏览器之间显示效果一致，最好使用组合属性，即同时使用两个或以上。下面，我们先熟悉下这几种属性，以及使用方式：1. filter: alpha(opacity=50)——1.会使子元素透明。2.只针对针对所有IE浏览器及以Trident内核的诸如360浏览器，世界之窗浏览器等非IE浏览器有效。2.filter:progid:DXImageTransform.Mic
阅读全文
摘要：整个页面变暗的蒙版效果，带有半透明边框的弹窗，用在网站里一定很酷。最初见与奢饰品购物网站YMALL，后边研究了下，自己做了这个实例。技术要点：css中几种透明样式的使用。不同的样式在不同的浏览器中的兼容性不同，所以需要采取组合使用才能兼容多个浏览器。详见：http://www.cnblogs.com/xyyt/p/3477156.html示例代码： 1 2 3 4 5 6 7 26 48 49 50 51 点击任意图片弹出弹窗，点击弹窗图片即可关闭弹窗52 53 弹窗弹出后，原窗体内容变暗，滚动鼠标滑轮，页面仍可滑动，但不可对原页面内容进行操...
阅读全文
摘要：实现下面的效果，鼠标滑过图片添加边框图片无位移——鼠标滑过，图片只是加了边框，不会晃动：参考代码： 1 2 3 4 5 17 18 19 20 21 22 23 24 25
阅读全文
摘要：初始代码： 1 2 3 4 5 21 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 ...
阅读全文
