-
css实现的滑动鼠标到img后切换图片移开恢复默认
CSS2021-09-08
写了个例子: 复制代码 代码如下: a href="#"img src="http://csdnimg.cn/pubfooter/images/gongshang_logos.gif" border="0" onMouseOver="this.src...
-
有关opacity或RGBA设置颜色值及元素的透明值
CSS2021-09-08
opacity 声明来设置元素的透明值(改透明度的值介于0-1之间的小数, 0.5表示50%透明)。 opacity 的特点是:当opacity设置...
-
IE6下position fixed失效的解决方法(亲测有效)
CSS2021-09-08
在网上找了好久,终于找到一种亲测 有效 的 解决 方法 。 复制代码 代码如下: !--[if IE 6] script type="text/javascript" (fu...
-
css3 position fixed固定居中问题解决方案
CSS2021-09-08
通常,我们要让某元素居中,会这样做: 复制代码 代码如下: #element{ margin:0 auto; } 如果还想让此元素位置固定呢?一...
-
父级元素未设置高度和宽度时高度塌陷问题的解
CSS2021-09-08
如果父元素只包含 浮动 元素,且父元素未设置 高度 和宽度的时候。那么它的 高度 就会塌缩为零,也就是所谓的高...
-
使IE6支持:hover效果使用li:hover或div:hover
CSS2021-09-08
: hover 是在CSS中用来制作 效果 最常用到的一个伪类,比如:标签或div上的鼠标悬停 效果 li: hover ,div:hover等. 但这种效...
-
css3中新增的样式使用示例附效果图
CSS2021-09-08
在PC版开发中由于IE原因,我们很少用到 css3 ,但随着平板和智能手机进入我们的生活,以及现在越来越流行,在手机...
-
使用CSS3的背景渐变Text Gradient 创建文字颜色渐变
CSS2021-09-08
考虑一下,如何在网页中达到类似以下文字渐变的效果? 传统的实现中,是用一副透明渐变的图片覆盖在文字上。具...
-
margin:0 auto与text-align:center的基本概念及区别介绍
CSS2021-09-08
基本概念: 1. text-align : 属性规定元素中的文本的水平对齐方式; 该属性通过指定行框与哪个点对齐,从而设置块级元...
-
CSS3的transition和animation的用法实例介绍
CSS2021-09-08
transition transition 属性是 transition-property, transition-duration, transition-timing-function, transition-delay 的简称,用于设定一个元素...
-
CSS实现限制字数功能当对象内文本溢出时显示省
CSS2021-09-08
复制代码 代码如下: div style="width:200px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; border:1px solid red"试试看试试看试...
-
非首位子元素选择器加号“+”的使用
CSS2021-09-08
前方元素 + 目标元素样式声明,它只会匹配紧跟其前方元素的同胞元素,该 选择器 使用加号+来链接前后两个 选择器 ...
-
几个特殊的CSS选择符使用介绍
CSS2021-09-08
子 选择符 标签1 标签2 标签2必须是标签1的子元素.与常规的上下文 选择符 不同,这个选择符中的标签1不能是标签2的...
-
空格在ie与在firefox下长度不一样问题
CSS2021-09-08
nbsp;在 ie 下,4个是一个汉字字符宽度,在 firefox 下 ,2个是一个汉字字符宽度。 浏览器默认不同的字体问题,字体分...
-
IE6下不能设置height:1px的元素是什么原因如何解决
CSS2021-09-08
bug出现原因: 在用DIV构建网页的时候,有时候需要的高度很小,这时候就可能会出现问题,因为, IE6 下DIV有个默认...
-
让div透明而里面的文字不透明的写法
CSS2021-09-08
用两个DIV 作为容器实现 Firefox chrome IE6+ 复制代码 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www...
-
html图片自适应手机屏幕大小的css写法
CSS2021-09-08
复制代码 代码如下: body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul { margin: 0; paddi...
-
div没有设置颜色时z-index不起作用的解决方法
CSS2021-09-08
其实平时换做不同 颜色 的两个div设置他们的position,top,left我们就可以看到一个好像在另一个上面一样,但是当div没有...
-
设置背景色解决png图片设置background不显示问题
CSS2021-09-08
因为是png图片,所以在设置为 background 的时候,有时候跟该div/p/任何的父类的背景色相差不大的时候,png图片就好像...
-
CSS3实例分享--超炫checkbox复选框和radio单选框
CSS2021-09-08
之前为大家分享了好多css3实现的按钮。今天要为大家分享的是纯css3实现的 checkbox 复选框 和 radio 单 选框,效果超级...
-
为ie和chrome单独设置样式的方法
CSS2021-09-08
复制代码 代码如下: .closeImg{ cursor:pointer; position:absolute; right:9px; right:0px\9;//这是 ie 的 样式 bottom:55px; display:none } @me...
-
ul设置列表为一行2条的方法
CSS2021-09-08
float:left + 设置 ul 的宽度 + 设置li的宽度 1.其实设置 ul 的 列表 本来是 一行 一行 的,当设置li的float为left的时候可以...
-
css3设置box-pack和box-align让div里面的元素垂直居中
CSS2021-09-08
以前处理 垂直居中 用的方法是设置div的height和line-height是一样的值,现在就不用那么麻烦了。只要设置元素的box-pa...
-
父元素的高度为0利用伪元素:after清除浮动可解决
CSS2021-09-08
让页面呈现多列布局时经常会使用 float:left/right ,可是 浮动 布局会导致父元素的高度为0(未设置高度的情况下),...
-
用一个DIV画图通过background-image叠加实现
CSS2021-09-08
这些图片都是用一个DIV绘制出来的,其实原理并不复杂。 这些图片都是由CSS绘制出来的,通过background-image 叠加 实现...
-
纯css3实现效果超级炫的checkbox复选框和radio单选框
CSS2021-09-08
之前为大家分享了好多css3实现的按钮。今天要为大家分享的是纯css3实现的 checkbox 复选框 和 radio 单选框 ,效果超级...
-
纯css3实现鼠标经过图片显示描述的动画效果
CSS2021-09-08
今天给大家带来的是用 css3 技术实现鼠标经过图片,显示图片 描述 的动画效果。鼠标经过图片时,图片动画缩小并渐...
-
详解css中的display属性
CSS2021-09-08
首先,所有主流浏览器都支持 display 属性。其次,我们都知道display 属性规定元素应该生成的框的类型。默认值:i...
-
纯css 实现footer 一直在页面底部,不随页面滚动
CSS2021-09-08
今天这个案例,我们希望 footer 一直在页面 底部 ,来看看解决方案吧 css 复制代码 代码如下: html, body, #sticker {heigh...
-
20个CSS/CSS3常用样式汇总
CSS2021-09-08
1.强制文本单行显示:white-space:nowrap; 2.设置溢出文本显示为省略标记:text-overflow:ellipsis; (注:text-overflow:clip | ellip...