十个非常实用的CSS属性(IE不支持)
对IE浏览器尤其是IE6的抱怨基本已进入麻痹状态,偶尔甚至产生非常消极的想法: 这个世界只有一个浏览器就好了,哪怕这唯一的浏览器就是IE6。当然,这样的想法是非常病态的,马上打消。本文里面,介绍了10个很实但IE却不支持的CSS属性,列出这些属性并不是为了数落IE(数落也没
收藏 0赞 0分享
CSS 实现绝对底部一个完美解决方案
CSS的简单在于它易学,CSS的困难在于寻找更好的解决方案。在CSS的世界里,似乎没有完美这种说法。所以,现在介绍的CSS绝对底部,只是目前个人见过的方案中比较完美的吧。
收藏 0赞 0分享
CSS渲染速度改善的十个方法与建议
由于不同浏览器对HTML标签的解释有差异,所以最终的网页效果在不同的浏览器中可能是不一样的,为了消除这方面的风险
收藏 0赞 0分享
css z-index 最大值
z-index最大值,最小值以及同值时层的高低,做了个测试z-index的最大值,有几个结论如下
收藏 0赞 0分享
css z-index 在IE中的迷惑
z-index属性简介
引用:
z-index : auto | number
auto:默认值。
number:无单位的整数值,可为负数。
z-index 值较大的元素将叠加在z-index值较小的元素之上。对于未指定此属性的定位对象,z-index 值为正数的
收藏 0赞 0分享
CSS 代码质量提高的10条实用技巧
回头去看自己写的CSS代码,你很容易就可以发现那些代码都乱成一团了,可能是因为你还没有规划好就开始马马虎虎虎地乱写一通,或者是你的代码夹杂了太多的Hack代码,还可能是因为那些代码改动太过频繁了。
&nbs
收藏 0赞 0分享
IE与Firefox中兼容的html设计中使用CSS改变鼠标为手形
从来都很不爽于Firefox与IE的CSS不兼容问题,这固然有历史原因,但是很大程度上是微软IE对标准的默认支持不好的原因,为了保护自己的产品,硬是把客户拉到自己特有标准下,使得按照微软设计的标准不兼容其他浏览器。但事实既定,个人也无力改变,只好多花时间搞出个两边都兼
收藏 0赞 0分享
CSS 扑克牌效果实现代码
非常不错的效果代码。
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.
收藏 0赞 0分享
CSS+DIV 拼图(26个英文字母)
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http: //www.w3.org/TR/xhtml1/DTD/xhtml1-transition
收藏 0赞 0分享
css 模拟表格斜线
利用div+css模拟表格的对角线,效果还可以,原理就是利用容器border宽度大于1时,相邻表格之间相接处是斜线的原理。
收藏 0赞 0分享
hr 样式实现1px直线
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona
收藏 0赞 0分享
css 画的百度LOGO
[html]
<style type="text/css">
div.small { font-size: 9pt; }
td {
color: black;
font-family: Verdana;
background-colo
收藏 0赞 0分享
关于Firefox下截取后省略号的问题
今天在用到text-overflow的ellipsis属性得时候,突然发现原来FF下是没有省略号得(才发现,汗)。不想把这个问题交给后台或者用JS来做了,于是找了个折中的办法,就是:after伪类来模拟FF下的省略号。
具体做法就是给content一个…的值,然后h
收藏 0赞 0分享
css 文字上右下环绕广告的写法
很久一段时间,我都在寻求一种文字从上-右-下方向环绕广告位的一个办法,而在找到之前,基本都是利用发布编辑器的所见即所得模式来实现广告的环绕。或者是利用程序截取一段文字在头部的办法。
今天终于找到一种写法,就是用一个宽度为1的空标签的高度来占位,然后图片清除浮
收藏 0赞 0分享
CSS 实现未知内容高度的垂直水平居中(改良版)
垂直居中在IE浏览器下的实现比较难实现,而更难实现的应该是未知内容高度的垂直水平居中!还好网上也有很多高人发布了一些解决的方法!这里我进行了一些改良,兼容FF,IE6,IE7,Opera...如发现问题有劳回复评论!
[code]
<mce:style><!-
收藏 0赞 0分享
input 按钮显示差异的解决方法
请在各浏览器里查看以下input的显示效果!
解决后显示效果!
具体代码
.button{
margin:0;
padding:0 0.25em;
width:auto;
*width:1;/*宽度不带单位我是第一次见,不知道其作用!- -!*/
overflo
收藏 0赞 0分享
css 限定GridView宽度并加上滚动条
采用如下的样式
[code]
margin:auto;
width:98%;
overflow:scroll;
_height:expression(this.scrollHeight>365?"365px":"auto")
收藏 0赞 0分享
ie6 position-fixed效果
1、参与测试的浏览器:IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2
2、操作系统:Windows
我喜欢position:fixed,它很酷。 但ie6总不支持它,所以用其他的属性来模拟(这个模拟在主流浏览器中都兼容,所以其他浏览
收藏 0赞 0分享
css 书写技巧 CSS 技巧教程
nettuts带来的5个css书写技巧,简单翻译一下它的中心思想。
1. CSS Reset/重置
你也许需要先了解什么是css重置。然后怎么样写css重置呢。
你可以copy Eric Meyer Reset, YUI Reset或其它css reset, 但你接下来应该
收藏 0赞 0分享
CSS教程之CSS盒模型
CSS 盒模型
网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的,请看下图:
如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 – 糖伴西红柿),就会很熟悉下面的图表了。
这个图表很好地展示了作用于页面上任意盒子的
收藏 0赞 0分享