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分享
CSS3 box-sizing属性
说到 IE 的 bug,一个臭名昭著的例子是它对于“盒模型”的错误解释:在 IE5.x 以及 Quirks 模式的 IE6/7 中,将 border 与 padding 都包含在 width 之内。这为前端工程师的工作平添了不少麻烦,几户每个需要定义尺寸的
收藏 0赞 0分享
pre 自动换行的问题
本站文章中使用了 pre 格式输出 代码。 而浏览器默认是强制不换行输出 pre 里的内容。这样的话,代码一长就出现了撑到页面外部的样子。在之前我都是有意的在代码里强制换行... 累啊. 今天有意的google了下,找到了:
[code]
pre {
whitewhite-s
收藏 0赞 0分享
CSS Sprites 技术分析
CSS Sprites技术不新鲜,早在2005年 CSS Zengarden 的园主 Dave Shea就在ALA发表对该技术的详细阐述。原先只在CSS玩家之间作为一种制作方法流传,后来出来个14 Rules for Faster-Loading Web Sites, 技术人员之
收藏 0赞 0分享
CSS 图片定位的几种方式
图片定位:
align="absmiddle"
<samp style="position:relative;left:300px;"><img src="" /> </samp>
收藏 0赞 0分享
csdn 博客的 css样式 v5
版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章原始出版、作者信息和本声明。否则将追究法律责任。http://blog.csdn.net/mayongzhan - 马永占,myz,mayongzhan
面对csdn极其xx的改版,彻底xx。改吧。
c
收藏 0赞 0分享
div+css学习笔记(IE与fox好多不兼容的问题)
一直用ie为准做网页,今天到火狐官方网站下了个没有google插件的安装了(特别讨厌插件,而国内几乎下载不到没有google插件的火狐浏览器!)
打开一看,哇哈,终于来了,ff好多不兼容的问题来了。随便点击了下不兼容的问题就有上十个了。一个个慢慢解决,慢慢搜索。。。。。
收藏 0赞 0分享