css技巧 - 随笔分类 - jar_gon

IE9及以下input无背景时，层级混乱问题

摘要：IE9及以下版本：input输入框 background:none;时，层级比input的低的元素会显示在input之上，导致input点击不了。解决方案： background:url("../images/none.png");用一张1px*1px透明图片设置为背景即可。阅读全文

posted @ 2017-05-11 15:53 jar_gon 阅读(414) 评论(0) 推荐(0)

网页不能复制

摘要：网页不能复制<body leftmargin="10" topmargin="0" marginheight="0" marginwidth="0" onmousemove='HideMenu()' oncontextmenu="return false" ondragstart="return f 阅读全文

posted @ 2017-04-10 11:56 jar_gon 阅读(176) 评论(0) 推荐(0)

图片居中显示

摘要：.jx_r img{ max-width:550px; max-height:415px; vertical-align:middle;}.jx_r em{ margin-left:-1px; width:1px; height:100%; vertical-align:middle; displa 阅读全文

posted @ 2017-04-10 11:55 jar_gon 阅读(137) 评论(0) 推荐(0)

图片变灰

摘要：img{ filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filte 阅读全文

posted @ 2017-04-10 11:54 jar_gon 阅读(127) 评论(0) 推荐(0)

去掉链接虚线框代码

摘要：<a href="#" onfocus="this.blur()">去掉点击链接时出现的虚线</a> a{ blr:expression(this.onFocus=this.blur());}:focus { outline:0;}area{ blr:expression(this.onFocus= 阅读全文

posted @ 2017-04-10 11:52 jar_gon 阅读(169) 评论(0) 推荐(0)

插入视频代码

摘要：<embed style="width: 243px; height: 211px" height=211 type=audio/x-pn-realaudio-plugin width=243 src=http://player.youku.com/player.php/sid/XNDY2MTA4M 阅读全文

posted @ 2017-04-10 11:49 jar_gon 阅读(282) 评论(0) 推荐(0)

input.file样式修改

摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or 阅读全文

posted @ 2017-04-10 11:43 jar_gon 阅读(130) 评论(0) 推荐(0)

兼容ie透明书写

摘要：filter:alpha(opacity=0); opacity:0;filter:alpha(opacity=70); opacity:0.7; 阅读全文

posted @ 2017-04-10 11:39 jar_gon 阅读(105) 评论(0) 推荐(0)

css兼容技巧

摘要：CSS兼容常用技巧请尽量用xhtml格式写代码，而且DOCTYPE影响 CSS 处理，作为W3C标准，一定要加DOCTYPE声明。 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中阅读全文

posted @ 2017-04-10 11:37 jar_gon 阅读(128) 评论(0) 推荐(0)

css过渡动画

摘要：具体代码：1、水平翻转-moz-transform:scale(-1，1);-webkit-transform:scale(-1，1);-o-transform:scale(-1，1);transform:scale(-1，1);filter:FlipH; 2、垂直翻转-moz-transform: 阅读全文

posted @ 2017-04-10 11:34 jar_gon 阅读(238) 评论(0) 推荐(0)

css固宽截取字符串

摘要：width:200px; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; 移动端支持率不是很好。阅读全文

posted @ 2017-04-10 11:31 jar_gon 阅读(254) 评论(0) 推荐(0)

随笔分类 - css技巧