随笔分类 -  css

摘要:首先得说一句 我不懂CSS的写法之类的 这段CSS也是在网上找的 所以有更先进的需求的话 我肯定不能满足你们了 不好意思效果图在10楼有人上了 我这边不管怎么弄 上传图片都卡在96% 而且不翻wall不能回帖 翻wall的情况下 上论坛这个慢啊 所以 大家去看这个图吧http://bbs.kafan 阅读全文
posted @ 2017-12-08 11:54 zhengyan_web 阅读(2121) 评论(0) 推荐(0) 编辑
摘要:cursor: not-allowed; 阅读全文
posted @ 2016-08-02 12:51 zhengyan_web 阅读(51790) 评论(2) 推荐(4) 编辑
摘要:Css Hack 特殊符号 (1)* :IE6/7都能识别*,标准浏览器不识别(2)_:只有IE6识别(3)!Important:IE6不识别,Firefox,IE7/8/9、chorme等主流浏览器均识别(4)\9:所有浏览器均识别,包括IE6/7/8(5)+:IE6/7/8识别(6)书写顺序:先 阅读全文
posted @ 2016-07-01 13:51 zhengyan_web 阅读(330) 评论(0) 推荐(0) 编辑
摘要:在IE不支持这个属性的时候可以通过滤镜来实现这样的一个效果。 div{background-size: cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='登陆_files/ban.jpg', sizingMeth 阅读全文
posted @ 2016-06-20 15:06 zhengyan_web 阅读(1002) 评论(0) 推荐(0) 编辑
摘要:最近做一个Web网站,之前一直觉得bootstrap非常好,这次使用了bootstrap3,在chrome,firefox,safari,opera,360浏览器(极速模式)、搜狗浏览器等浏览器下均没有问题,而在IE8及IE11下发现样式无法显示,然后各种百度啊,最后在 雅朋网 的一个网友帖子的帮助 阅读全文
posted @ 2016-05-31 15:00 zhengyan_web 阅读(274) 评论(0) 推荐(0) 编辑
摘要:<meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--[if lt IE 9]> <script 阅读全文
posted @ 2016-05-31 14:10 zhengyan_web 阅读(1427) 评论(0) 推荐(0) 编辑
摘要:<!-- IE下消除点击图片文字后出现的虚线框代码 --> <style type="text/css">a {blr:expression(this.onFocus=this.blur())}</style> <!-- Firefox下消除点击图片文字后出现的虚线框代码 --> <script> 阅读全文
posted @ 2016-05-26 10:12 zhengyan_web 阅读(105) 评论(0) 推荐(0) 编辑
摘要:1. 文字多了 省略后面 后面加省略号 p{width:300px; border:solid 1px #000; padding:10px; font:22px/22px "微软雅黑"; white-space:normal; overflow:hidden; text-overflow:elli 阅读全文
posted @ 2016-04-21 22:53 zhengyan_web 阅读(375) 评论(0) 推荐(0) 编辑
摘要:一、IE6双倍边距bug 当页面上的元素使用float浮动时,不管是向左还是向右浮动;只要该元素带有margin像素都会使该值乘以2,例如“margin-left:10px” 在IE6中,该值就会被解析为20px。想要解决这个BUG就需要在该元素中加入display:inline 或 display 阅读全文
posted @ 2016-03-18 18:19 zhengyan_web 阅读(126) 评论(0) 推荐(0) 编辑
摘要:colspan和rowspan这两个属性用于创建特殊的表格。 colspan是“column span(跨列)”的缩写。colspan属性用在td标签中,用来指定单元格横向跨越的列数: 在浏览器中将显示如下: 该例通过把colspan设为“3”, 令所在单元格横跨了三列。如果我们将colspan设为 阅读全文
posted @ 2016-03-18 16:47 zhengyan_web 阅读(13772) 评论(0) 推荐(0) 编辑
摘要:背景语法:background: background-color || background-image || background-repeat || background-attachment || background-position CSS中背景单词:background CSS手册查询 阅读全文
posted @ 2016-02-24 09:47 zhengyan_web 阅读(516) 评论(0) 推荐(0) 编辑
摘要:实例:文字敢超出我就敢隐藏显示点点文字敢超出我就敢隐藏显示点点文字敢超出我就敢隐藏显示点点css解决方法1.常规css方法——可以实现IE,Safari,chrome,opera浏览器下文字溢出省略号表示 现在在火狐的高版本也支持了(火狐低版本不支持)p{width:200px; white-spa... 阅读全文
posted @ 2015-11-04 11:29 zhengyan_web 阅读(2692) 评论(0) 推荐(0) 编辑
摘要://js 方法一方法二:css-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;结合的写法这里的文字不能选中了------------------------if(document... 阅读全文
posted @ 2015-11-02 16:35 zhengyan_web 阅读(786) 评论(0) 推荐(0) 编辑
摘要:定义表格边框的方法 今天学了个新方法,奉献给大家 以前都是定义table的上边和左边,然后定义td的右边和下边 没想到还有这么简便的方法,以后就用这个方法了 标准之路 www.aa25.cn 欢迎大家来访问 table width=1 就已经把宽度设置为 1 了我们面临的问题是这样的,每一... 阅读全文
posted @ 2015-11-02 09:44 zhengyan_web 阅读(1282) 评论(0) 推荐(0) 编辑
摘要:1、常见的特殊符号的应用:IE6:_selector{property:value;}selector{property:value;property:value !important;} //IE6 不支持同一选择符中的 !importantIE7:+selector{property:value... 阅读全文
posted @ 2015-10-30 11:34 zhengyan_web 阅读(146) 评论(0) 推荐(0) 编辑
摘要:方法一,html {-webkit-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);} 方法二,html { filter:progidXImageTransform.Mi... 阅读全文
posted @ 2015-08-13 12:03 zhengyan_web 阅读(21164) 评论(0) 推荐(0) 编辑
摘要:contenteditable 属性是 HTML5 中的新属性。例子:这是一段可编辑的段落。请试着编辑该文本。 1. 解决火狐和ie下的不换行问题 :word-wrap: break-word; 2.去掉光标效果:outline:none;属性值值描述true规定可以编辑元素内容。false规定... 阅读全文
posted @ 2015-03-26 10:46 zhengyan_web 阅读(366) 评论(0) 推荐(0) 编辑
摘要:auto是随内容的高度而撑开的。100%是根据父级元素的高度来决定的。例如: 这个容器的高度是随里面的内容的高度而定 这个容器的高度为父级的高度,100px auto是自动默认高度- -!height:100%的话如果你父级有height的话就是父级的高度这么说,比如一个表格... 阅读全文
posted @ 2015-03-19 15:20 zhengyan_web 阅读(1014) 评论(0) 推荐(0) 编辑
摘要:css-文本垂直居中(转)在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥... 阅读全文
posted @ 2015-03-13 15:57 zhengyan_web 阅读(228) 评论(0) 推荐(0) 编辑

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