2013年5月31日
IE6、IE7下不支持overflow-y:hidden;
摘要： 今天做页面的时候，给body设置overflow-y:hidden;后，IE8很正常，但是IE7却不行了，隐藏不了竖向滚动条呀～！ 解决方案：html{#overflow:visible;_overflow:visible; } 阅读全文
posted @ 2013-05-31 21:08 MoenyChen 阅读(251) 评论(0) 推荐(0)
2013年5月23日
font-family:微软雅黑
摘要： 今天搞了一个下午， 都不知道样式表里哪里出问题，一个页面引用同一份样式表，在IE6下头部的样式就有，脚部的样式就没有，这不是坑我吗？ 后来把样式表的样式逐个删除，原来罪魁祸首是font-family:“微软雅黑";这里的文字加了双引号呀～！这小小的双引号弄了我一个下午呀...... 阅读全文
posted @ 2013-05-23 18:00 MoenyChen 阅读(702) 评论(0) 推荐(0)
2013年3月17日
IE8下按钮与右边的距离比IE7和IE6的多了一倍
摘要： 在一个div里放一个浮动向右的div，在浮动向右的div里放一个按钮并背景图，这时在IE8下看，按钮与右边的距离多了一倍。（这里一眼看上去好像觉得受到了display：blokc的影响，错了！难道是图片的高度被撑开问题，都错！！） 解决方案：在按钮的样式里加padding:0;<div class="contain"> <div class="btnFrame"> <input type="button" class="btn" /> <input type="b 阅读全文
posted @ 2013-03-17 22:16 MoenyChen 阅读(158) 评论(0) 推荐(0)
2013年3月14日
在button（div）里设置背景图后，在IE6下背景图的高度被撑开了
摘要： 在一个button里，设置一张背景图，在IE6下看，背景图多了一些空白高度。这个与“在div里面设背景图不一样”的情况不同，在这里，不能在背景图的class里面加“_font-size:0;”，这里需要加“display: block;” <div class="buttonDiv"> <input type="button" class="buttonClass" /> </div>css样式： .buttonDiv { width: 9px; height: 9px; border: 1px s 阅读全文
posted @ 2013-03-14 22:59 MoenyChen 阅读(356) 评论(0) 推荐(0)
li中包含span，在IE6、IE7下会有3pxbug
摘要： 如果给每个li里面加个span标签的话，在IE6，IE7下看，li与li之间的距离就会多了3px。 解决方法：在li中加vertical-align:middle;<div class="contain"> <div class="main"> <ul> <li><span></span></li> <li><span></span></li> <li><span></span></ 阅读全文
posted @ 2013-03-14 21:49 MoenyChen 阅读(311) 评论(0) 推荐(0)
2013年3月6日
给a标签加样式的写法
摘要： 顺便略带使用伪类的顺序：love—hate（link—>visited—>hover—>active） <div class="contain"> <ul> <li><a href="#">我是测试一</a></li> <li><a href="#">我是测试二</a></li> <li><a href="#">我是测试三</a></li 阅读全文
posted @ 2013-03-06 22:14 MoenyChen 阅读(1935) 评论(1) 推荐(0)
文字加下划线
摘要： 如果要给字体加下划线的话，直接用text-decoration:underline，就可以了(如图一)，但是如果是这样的话文字与下划线就会紧得很紧，效果看起来不怎么好看，但是又没有一些属性让文字与下划线的距离隔开一点，暂时知道的方法也就用border-bottom:1px solid black的方法来模仿下划线（如图二），使用这个的话最好加个高度吧! <div class="contain"> <ul> <li><a href="#">我是测试一</a></li> <li&g 阅读全文
posted @ 2013-03-06 21:55 MoenyChen 阅读(466) 评论(0) 推荐(0)
2013年2月27日
使用中介input（换位思考）
摘要： 阅读全文
posted @ 2013-02-27 09:16 MoenyChen 阅读(116) 评论(0) 推荐(0)
事件冒泡
摘要： 这是一个从下到上的过程，span—>div—>body<body><div id="clickDiv"><span id="clickSpan"><span></div></body>如果点击了span，那么会触发div和body的click，如果点击div，那么就会触发body的click，所以写点击事件时，用bind，如$(function(){$("#clickDiv").bind("click",function(){ale 阅读全文
posted @ 2013-02-27 09:07 MoenyChen 阅读(122) 评论(0) 推荐(0)
判断按钮是否被点击
摘要： 一开始做的时候，尝试用jq写，如下所示： <input type="button" id="btn"/>错误写法一： $(function(){ if($("#btn").attr("cick",true)){ alert("dd");} })错误写法二： $(function(){ if($("#btn").click==true){ alert("dd");} })后来问了别人，才知道用全局变量。 阅读全文
posted @ 2013-02-27 08:57 MoenyChen 阅读(1219) 评论(0) 推荐(0)