CSS
huifdlcs
000
展开
-
img标签在ie浏览器下的兼容处理
html代码片段 css代码片段ul{width:280px}ul li{display:block;height:57px;width:277px}原创 2014-07-03 10:19:13 · 5011 阅读 · 0 评论 -
鼠标指针竟然可以用图片替换 屌爆了!
cursor:url(cursor.ico),auto;原创 2014-07-03 15:57:03 · 3655 阅读 · 1 评论 -
万能清浮
.clearing { clear:both; font-size: 0px; display:block; line-height: 0; height: 0px; visibility: hidden; overflow:hidden;}原创 2014-07-03 16:13:20 · 506 阅读 · 0 评论 -
flash
embed插入原创 2014-07-07 10:36:14 · 309 阅读 · 0 评论 -
防止弹框移出界面 覆盖easyui方法 $.fn.panel.defaults.onMove
/*@_prison:防止弹出窗体移出界面*/ eu.prison = function(left, top){var parentObj = $(this).panel('panel').parent();if (left $(this).window('move', {left : 1});}if (top $(this).window('move'原创 2014-06-16 11:30:34 · 1597 阅读 · 0 评论 -
background-position css图片平铺
background-image:url(../../../../../Public/Images/tixing-borderShadow.png);background-position:top left center center原创 2014-07-09 11:16:28 · 511 阅读 · 0 评论 -
页面的最小宽度
页面的最小宽度min-width是个非常方便的CSS命令,它可以指定元素最小也不能小于某个宽度,这样就能保证排版一直正确。但IE不认得这个,而它实际上把width当做最小宽度来使。为了让这一命令在IE上也能用,可以把一个 放到 标签下,然后为div指定一个类:然后CSS这样设计:#container{ min-width: 600px; width:express原创 2014-08-01 17:57:28 · 712 阅读 · 0 评论 -
IE6、7经典hack问题
*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签.#wrapper{#wrapper { width: 120px; }*html #wrapper { width: 80px;}*+html #wrapper { width: 60px;}}原创 2014-08-01 14:54:44 · 300 阅读 · 0 评论 -
万能 float 闭合
万能 float 闭合关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup]将以下代码加入Global CSS 中,给需要闭合的div加上 class="clearfix" 即可,屡试不爽. .clearfix:after{content:".";di原创 2014-08-01 15:09:24 · 296 阅读 · 0 评论 -
min-height 的兼容性问题
{min-height:200px;height:auto;}原创 2014-07-29 11:44:23 · 956 阅读 · 0 评论 -
div中div浮动 要轻浮 不然会撑不起来
.one{ width:180px;margin:0 auto; border:1px solid red; } .two{height:100px; width:100px; float:left; border: 1px solid green; } .stree{ clear:both; }原创 2014-08-04 16:42:22 · 602 阅读 · 0 评论 -
文字自动换行(一个单词过长时ssssssssssssss)
word-wrap:break-word;原创 2014-08-05 15:55:00 · 513 阅读 · 0 评论 -
hack
IE7.0对CSS的支持又有新问题,解决如下。 第一种,CSS HACK Bpx; _height:20px; 注意顺序。 下面这样也属于div CSS HACK,不过没有上面这样简洁。 #example { color: #333; } * html #example { color: #666; } *+html #example { color原创 2014-08-05 16:35:28 · 378 阅读 · 0 评论 -
important在IE中不识别
如果实在没有办法解决一些细节问题,可以用这个技巧.FF对于”!important”会自动优先解析,然而IE则会忽略.如下原创 2014-08-05 15:28:17 · 1127 阅读 · 0 评论 -
纯css渲染倒三角
.main{margin-left:-5px; width:0; height:0; line-height:0; overflow:hidden; border-width:5px 5px 0; border-color:#5d97e0 transparent transparent; border-style:solid dashed dashed;}}原创 2014-07-30 13:31:51 · 457 阅读 · 0 评论 -
鼠标悬浮上去 实现光晕效果
#btn-attend{cursor: pointer;text-decoration: none;color: #fff;border-radius: 10px;position: absolute;left:40px; }#btn-attend:after{content: "";position: absolute;top: 0;l原创 2014-08-06 14:01:39 · 2972 阅读 · 0 评论 -
transform 动态旋转 需要js控制
window.onload=function () { var div=document.getElementsByTagName("div")[0]; var angle=0; setInterval(function(){ angle++; setCss3(div,{transform:"rotate("+angle+"deg)","tra原创 2014-08-08 14:31:28 · 5621 阅读 · 0 评论 -
font字体
原创 2014-07-02 14:21:50 · 422 阅读 · 0 评论 -
img放在a标签里出现多余白色空白撑不起来
在进行页面的css.shtml' target='_blank' >div CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”。1、将图片转换为块级对象即,设置img为“display:block;”。在本例中添加一组CSS代码:“#sub img {display:block;}原创 2014-07-01 09:45:40 · 3072 阅读 · 0 评论 -
Doctype没有声明HTML的情况下 margin:0 auto;不会起作用。
Doctype没有声明HTML的情况下 margin:0 auto;不会起作用。原创 2014-04-30 17:19:03 · 655 阅读 · 0 评论 -
CSS 中相邻节点中在同一个父节点的样式关系
demo:原创 2014-05-04 16:21:25 · 698 阅读 · 0 评论 -
display:inline-block; IE7不兼容采用hack解决之道
*display:inline;*zoom:1;原创 2014-05-05 16:48:35 · 543 阅读 · 0 评论 -
页面中文字不被选中
css:-moz-user-select: none; -khtml-user-select: none; user-select: none;html中: unselectable="none" onselectstart="return false;"原创 2014-05-06 16:25:19 · 428 阅读 · 0 评论 -
opacity浏览器兼容问题解决
filter:alpha(opacity=70); /*IE*/-moz-opacity::0.7; /**/-khtml-opacity:0.7;opacity:0.7;原创 2014-05-08 09:22:00 · 1014 阅读 · 0 评论 -
浏览器清浮
.clearing { clear:both; font-size: 0px; display:block; line-height: 0; height: 0px; visibility: hidden; overflow:hidden;}原创 2014-05-08 09:27:24 · 365 阅读 · 0 评论 -
CSS 内阴影
box-shadow:0 0 3px #CCCCCC inset;原创 2014-05-22 10:28:14 · 498 阅读 · 0 评论 -
谷歌浏览器滚动条样式设置
/*---滚动条默认显示样式--*/ ::-webkit-scrollbar-thumb{ background-color:#018EE8; height:50px; outline-offset:-2px; outline:2px solid #fff; -webkit-border-radius:4px;原创 2014-06-24 09:39:40 · 8317 阅读 · 0 评论 -
几个Css 属性 white-space
white-space: nowrap;规定段落中de原创 2014-06-05 17:05:59 · 315 阅读 · 0 评论 -
CSS控制字符串长度,多余字符串用...代替
1. .subString{height:100px;width:200px;border:1px solid red; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}原创 2014-06-05 17:28:16 · 443 阅读 · 0 评论 -
css盒子模型
盒子模型是css中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型有两种,分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同,先来看看我们熟知的标准盒子模型原创 2014-06-06 15:30:32 · 416 阅读 · 0 评论 -
给div 只增加上边框内阴影
box-shadow:inset 0 2px 1px rgba(0,0,0,0.05);原创 2014-06-27 11:04:05 · 3263 阅读 · 0 评论 -
textarea禁止拖动大小
resize:none;原创 2014-06-27 11:44:00 · 476 阅读 · 0 评论 -
IE滤镜
IE 8: -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2px, OffY=2px, Color='#000000')";原创 2014-06-30 11:24:33 · 299 阅读 · 0 评论 -
双边据解决方案
IE6.0中,如果元素的浮动(float)方向与margin一致,如, 左浮动(float:left)元素设置左外边距(margin-left:50px),则外边距 会加倍(显示出100px的左外边距),称为"双倍边距"问题,其他浏览器 无此问题原创 2014-06-30 23:07:21 · 347 阅读 · 0 评论 -
页面禁止鼠标滑动全选
body{-moz-user-select: none;-webkit-user-select:none;-khtml-user-select: none; user-select: none;}html中: //主要解决IE不兼容原创 2014-08-29 15:31:42 · 678 阅读 · 0 评论