2009 年 12月 8 日随笔档案 - freedom831215

2009年12月8日

摘要：（经验）DIV+CSS解决IE6，IE7，IE8，FF兼容问题那我来说说吧，做了差不多一年的DIV+CSS，也积累了不少解决兼容问题的方法，我这里只说现在主流的几个，（IE6，IE7，IE8，FF）其它的没去研究过1.ie8下兼容问题，这个最好处理，转化成ie7兼容就可以。在头部加如下一段代码，然后只要在IE7下兼容了，IE8下面也就兼容了<meta http-equiv="x-ua-co... 阅读全文

posted @ 2009-12-08 23:56 freedom831215 阅读(337) 评论(0) 推荐(0)

实现Div层里的文字垂直居中的方法

摘要：单行文本直接设置line-height与height的高度相同既可。即<span style="height:18px;line-height:18px;">多行文本先display:block;再设置padding 有时候，为了网页设计的美观，需要把div+css设计的页面里的某些div层里的文字垂直居中，包括多行文字以及单行文字；方法有不少，但真正能实现而代码又简洁的介绍不多，f... 阅读全文

posted @ 2009-12-08 21:25 freedom831215 阅读(264) 评论(0) 推荐(0)

纯CSS圆角框2－透明圆角化背景图片

摘要：在上面的案例中，我只给出最为原始的圆角框模型，它还是存在一些不足之处。比如不能将图片应用到圆角框内。而在本例中，我会在上面的基础上作出一些创新。就是将背景图片也圆角化，好像目前在网络上还没有这样的功能应用，我只见过用js方式来实现的，可以参看我的《超圆滑圆角框的半完美解决方案》一文中后面几种JS方案。但是纯CSS方式的实现可是我独家所创，如有雷同，只能说英雄所见略同。呵呵！还是先看看最终的效果图，... 阅读全文

posted @ 2009-12-08 01:33 freedom831215 阅读(359) 评论(0) 推荐(0)

纯CSS圆角框3－圆角化图片

摘要：在前面一篇文章中，我们将一张上下渐变的的图片作为标题的背景，并将它应用了圆角效果。是不是这种圆角框只能用于比较单调的图片呢？我们还能将一些颜色比较丰富的图片也进行透明圆角化吗？答案是肯定的，下面看看它的终极功夫。还是先看最终效果图吧！图一看到了吧，这就是用纯CSS实现的圆角化图片，为了能看到透明化的效果，我特意应用了一个背景图片，你可以下载本模型到你的电脑中，随意伸缩窗口的大小，看看外圆角是否是透... 阅读全文

posted @ 2009-12-08 01:33 freedom831215 阅读(193) 评论(0) 推荐(0)

纯CSS圆角框

摘要：序言：在我的文章《超圆滑圆角框的半完美解决方案》中已经总结了七种不同的圆角框解决方案，基本上总结完了目前网络上比较流行的圆角框实现方案。而在我的另一篇文章《无图片山顶角》中又是一个另类的实现方法。纯CSS实现圆角框是一件大家都说烂了的事件，我也写过两篇总结文章，为什么还会有这篇文章呢，事情是这样的。在我们的以前的项目中，实现圆角框往往是用背景图片来实现的，但是，当这些项目发布上线后，在维护过程中，... 阅读全文

posted @ 2009-12-08 01:32 freedom831215 阅读(173) 评论(0) 推荐(0)

DIV+CSS圆角边框

摘要：简洁型css圆角：方法1：简洁型css圆角矩形 code1:[代码]方法2：无图片实现圆角框code2:[代码]3D圆角矩形:3D圆角矩形CODE:[代码]反向css圆角矩形:反向css圆角矩形CODE:[代码]略带菱形的css圆角:略带菱形的css圆角矩形CODE:[代码]特殊CSS圆角：特殊css圆角矩形CODE：[代码] 阅读全文

posted @ 2009-12-08 01:31 freedom831215 阅读(167) 评论(0) 推荐(0)