鲁中-O-华仔

夫君子之行,静以修身,俭以养德,非淡泊无以明志,非宁静无以致远。

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

统计

随笔分类 -  div+css

IE8下实现兼容rgba
摘要:rgba的含义,r代表red,g代表green,b代表blue,a代表透明度。红绿蓝是三原色,所有颜色都可以由这三种颜色拼合而成。比如rgba(0,0,0,.5)就是透明度为0.5的黑色。现代浏览器是支持rgba的,但是在IE8等古董级浏览器中是不支持rgba的,IE8只能勉强支持rgb()函数(即 阅读全文

posted @ 2019-02-17 08:23 鲁中-O-华仔 阅读(215) 评论(0) 推荐(0) 编辑

文本最后自动出现省略号...
摘要:一:.单行文本溢出显示省略号… 1. white-space:nowrap; 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。2. text-overflow: ellipsis; 显示省略符号来代表被修剪的文本。 (延伸:clip 修剪文本。)二:多行文本溢出显示省略号… 1. 阅读全文

posted @ 2018-12-22 16:01 鲁中-O-华仔 阅读(400) 评论(0) 推荐(0) 编辑

CSS hack
摘要:1、什么是CSS hack? CSS hack是通过在CSS样式中加入一些特殊的符号,让不同的浏览器识别不同的符号(什么样的浏览器识别什么样的符号是有标准的,CSS hack就是让你记住这个标准),以达到应用不同的CSS样式的目的,比如.kwstu{width:300px;_width:200px; 阅读全文

posted @ 2016-10-16 17:12 鲁中-O-华仔 阅读(187) 评论(0) 推荐(0) 编辑

隔行变色---简单的css js控制table隔行变色
摘要:(1)用expression 鼠标滑过变色: <style type="text/css"><!-- table { background-color:#000000; cursor:hand; width:100%; }td {onmouseover: expression(onmouseover 阅读全文

posted @ 2016-09-26 13:30 鲁中-O-华仔 阅读(378) 评论(0) 推荐(0) 编辑

CSS让图片垂直居中的几种技巧
摘要:在网页设计过程中,有时候会希望图片垂直居中的情况。而且,需要垂直居中的图片的高度也不确定,这就会给页面的布局带来一定的挑战。下面总结了一下,曾经使用过的几种方法来使图片垂直居中,除了第一种方法只限于标准浏览器外,另外两种方法的兼容性还不错。 方法一 将外部容器的显示模式设置成display:tabl 阅读全文

posted @ 2016-02-05 18:54 鲁中-O-华仔 阅读(335) 评论(0) 推荐(0) 编辑

网页图片变灰色的三种实现办法
摘要:.div1 a:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}1、CSS Filter 使用CSS过滤器属性可能是最简单的方法把图像变成灰度。以往,IE浏览器有一个专有的CSS属性称为过滤应用自定义效果包括灰度。... 阅读全文

posted @ 2015-11-30 11:07 鲁中-O-华仔 阅读(541) 评论(0) 推荐(0) 编辑

网页中插入swf动画(embed)
摘要:网页中插入swf动画(embed:[ɪm'bed])例题:1 注释:1.type: flash/video/mp4/application/pdf/....... 表示类型是flash.2.pluginspage: 如果浏览器没有flash插件,他会提示下载地址。3.quality:flash的播放... 阅读全文

posted @ 2014-08-09 08:38 鲁中-O-华仔 阅读(723) 评论(1) 推荐(0) 编辑

状态伪类选择器(E::selection)
摘要:E::selection选择器:E::selection{background:#FF6600;color:#fff;}//当文字被选中时,背景是红色,文字是白色E::-moz-selection{background:#FF6600;color:#fff;}//为了让火狐浏览器支持*IE6/7/8... 阅读全文

posted @ 2014-08-08 12:48 鲁中-O-华仔 阅读(372) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示