boyzhou99的博客_css学习

CSS实现三角兼容ie6

示例1 #test4 { height:0; width:0; overflow: hidden; font-size: 0; line-height: 0; border-color:#FF9600 transparent transparent transparent; border-style:s

学习

css

原创 2012-04-16 16:45:01 1121 阅读 1点赞 1评论

去除超链接点击之后的虚线

在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 来将其去掉。所以我们可以这样写： a:focus { outline:none; -moz-outline:none; } IE <a href="#&quo

职场

学习

css

休闲

原创 2012-03-22 17:28:15 689 阅读

fixed 兼容ie6

/*让position:fixed在IE6下可用! */ .fixed-top /* 头部固定 */{position:fixed;bottom:auto;top:0px;} .fixed-bottom /* 底部固定 */{position:fixed;bottom:0px;top:auto;} .fixed-left /* 左侧固定 */{position:fixed;r

职场

学习笔记

css

休闲

原创 2011-11-15 10:18:27 631 阅读

overflow:hidden在ie6和7下无效的问题

当overflow:hidden在ie6 7下无效时表明在父标签下必有子标签的属性为position:relative 解决方法1 删除子标签的 position:relative; 解决方法2 为父标签增加 position:relative;

职场

ie

休闲

css学习

原创 2011-10-10 10:54:16 1496 阅读 1点赞 1评论

ie6下png透明

使用htc 加入black.gif 否则ie6下图片会显示查查把iepngfix.htc和iepngfix_tilebg.js 放在目录下导入js <script type="text/javascript" src="iepngfix_tilebg.js"></script> 设置透明img, div, input {

职场

学习笔记

css

休闲

原创 2011-08-25 16:45:02 526 阅读

兼容 chrome font-size 默认最小10px

在chrome浏览器中默认最小的font-size:10px 加入以下webkit私有属性可以解决该问题 webkit-text-size-adjust:none;

职场

css

休闲

chrome

原创 2011-06-24 11:27:24 4752 阅读

宽度自定适应的居中

职场

css

休闲

原创 2011-03-21 12:55:09 431 阅读

空格全角半角

经常会遇到输入空格时显示的距离不一样一般会是因为全角半角的问题例如：用户名密码效果显示不能对齐可以改变自己用font-family:Verdana Verdana 是windows 自带的字体

职场

学习

css

休闲

原创 2011-03-07 12:44:57 1412 阅读

让几个div靠外面容器底部对齐

使用position:fixed可以解决问题但是ie6下不支持fixed /*让position:fixed在IE6下可用! */ .fixed-top /* 头部固定 */{position:fixed;bottom:auto;top:0px;} .fixed-bottom /* 底部固定 */{position:fixed;bottom:0px;top:auto;}

职场

学习

css

div

休闲

原创 2011-03-05 10:13:09 2922 阅读

inline-block的作用

一般都用block和inline 其实inline-block也很好用比如a或者span 初始是文字的大小宽度无法调整宽度高度设置为inline-block之后能够调整宽度高度切能解决双倍margin问题而且还不是块元素不会换行

职场

css

休闲

inline-block

原创 2011-03-04 14:22:46 554 阅读

ie8的body不兼容overflow:hidden的问题

body{ overflow:hidden; } 在ie8下有显示问题能够手动移动div位置进过测试在ie7下也有类似问题替换成html { overflow:hidden; } 即可做到隐藏滚动条且兼容一切浏览器

css

休闲

overflow

ie8

body

原创 2011-03-02 10:01:04 970 阅读

css实现div圆角

首先介绍下什么是htc文件 htc文件是一种脚本文件在ie6 7 8 都需要用到htc文件实现圆角调用代码如下 .mydiv{ border: 2px solid #C0C0C0; -moz-border-radius: 10px; // firefox 圆角 -webkit-border

职场

css

div

休闲

原创 2011-03-01 09:53:02 696 阅读

css实现div框阴影

以下为本人总结兼容一切主流浏览器的边框阴影 css代码： <style type="text/css"> .mydiv{ width:250px;height:auto;border:#909090 1px solid;background:#fff;color:#333; filter:progid:DXImageTransform.Microsoft.

职场

css

div

休闲

原创 2011-02-28 15:52:08 10000+阅读 2点赞 4评论

css实现背景图片渐变

兼容ie6.7.8.9 firefox,safari,chrome 不兼容opera css代码： .gradient{ width:300px; height:150px; filter:alpha(opacity=100 finishopacity=50 style=1

职场

学习

css

休闲

原创 2011-02-28 13:13:20 4652 阅读

imporat用法

CSS #box div{ color:red; } .important_false{ color:blue; } .important_true{ color:blue !important; } HTML &l

职场

css

休闲

imporat

原创 2011-01-12 11:41:57 379 阅读

css自动限制图片大小

简单是max-width:560px就可完成图片最大宽度得限制，但是由于ie6不支持max-width只能通过expression来实现。代码如下： img {max-width:400px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWid

职场

css

休闲

图片大小

图片限制

原创 2011-01-12 11:31:35 2309 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

前端开发