妙人 - 博客园

管理后台上左右式HTML框架搭建

摘要： CSS： <style>.frame-header {position: fixed;top: 0;right: 0;left: 0;z-index: 11;min-width: 960px;height: 38px;border-top: 1px solid #333;border-bottom: 1px solid #333;background: #3B3B3B;_position: absolute;_width: 100%;}.frame-side {position: absolute;top: 40px;right: 0;bottom: 0;z-index: 2;wi 阅读全文

posted @ 2013-02-04 10:24 妙人阅读(1969) 评论(0) 推荐(0)

图片代替特殊文字处理方案

摘要：图片 ( 特殊字体文字使用图片 ) HTML 结构 : <h2 class="hd "> <a href="#" class="we-talk-tit left" data-stat="" title=" 优惠大家谈 "> 优惠大家谈 </a> </div>CSS: .we-talk .hd { background: url("http://XXXX") no-repeat 0 -40px; height: 20px; lin 阅读全文

posted @ 2013-01-28 09:46 妙人阅读(181) 评论(0) 推荐(0)

如何使元素垂直居中

摘要：通过设置 display: table-cell ，并且设置宽高，就可以实现里面元素的垂直居中对齐。 table-cell 不能继承父级的宽高，除非父级是 table 。因为要自适应，所以宽度不能定死，于是父级定义我为 display: table 。图片要能等比缩放， max-width: 100%, height: auto; 这是按宽来缩放，max-width 会导致 IE8 下图片消失，所以加上 width: auto9 。 IE6/7 不支持 table-cell ，可以使用 inline-block 来触发 hasLayout ，这样也能实现垂直居中对齐。.parent{ dis 阅读全文

posted @ 2013-01-28 09:44 妙人阅读(195) 评论(0) 推荐(0)

CSS-滚动条样式改变方案，chrome,IE

摘要： /*\IE*/.scrollBar { scrollbar-face-color: #B5B5B5; /*主色调*/ scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #DDD; /*描边颜色*/scrollbar-3dlight-color: #DDD; /*左侧边高光颜色*/ scrollbar-arrow-color: #FFF; /*小三角颜色*/ scrollbar-track-color: #EEEEEE; scrollbar-darkshadow-color: #DDD; } /*\Chrome*/::... 阅读全文

posted @ 2013-01-25 11:24 妙人阅读(622) 评论(0) 推荐(0)

chrome中input button绑定blur事件无效简单解决方案

摘要：这也是其他博客园http://www.cnblogs.com/seamar/参考过来的，chrome中要先设置聚焦事件，blur才能起作用。 $(function(){ $("#input").click(function(){$(this).focus();}).blur(function(){//do something}) }) 阅读全文

posted @ 2013-01-15 11:12 妙人阅读(973) 评论(0) 推荐(0)

分享一个网址，讲javascript拖拽的

摘要： http://www.webreference.com/programming/javascript/mk/column2/3.html 阅读全文

posted @ 2012-05-24 16:46 妙人阅读(168) 评论(0) 推荐(0)

这里是第一篇文章

摘要：你说没有东西，我就给你内弄点东西看看阅读全文

posted @ 2012-05-18 13:51 妙人阅读(122) 评论(0) 推荐(0)