摘要: 在一个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 阅读(343) 评论(0) 推荐(0) 编辑
摘要: 如果给每个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 阅读(300) 评论(0) 推荐(0) 编辑
摘要: 顺便略带使用伪类的顺序: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 阅读(1887) 评论(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 阅读(449) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2013-02-27 09:16 MoenyChen 阅读(108) 评论(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 阅读(112) 评论(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 阅读(1206) 评论(0) 推荐(0) 编辑
摘要: 一开始在做加载数据的时候总是想着:浏览器怎么知道数据是否加载完呢?是不是需要给它一个定时器呢,但是怎么这个怎么判断这个时间呢?原来load前面的选择器是加载的内容,加载成功后的内容可以写在function函数里面。但是load加载成功后,如果使用id选择器尝试把div隐藏的话,是不行的,但是改为用class选择器把div隐藏就可以(其实我也不知道为什么,如果知道的,请留言一下):jq:<script type="text/javascript"> $(function () { $(".closeBtn").click(function () 阅读全文
posted @ 2013-02-27 08:24 MoenyChen 阅读(286) 评论(0) 推荐(0) 编辑
摘要: height:auto !important;height:200px; /*假定最低高度是200px*/min-height:200px; 这个在IE6下不起作用的,在IE6下需要把height:200px; /*假定最低高度是200px*/去掉就可以了......(做的时候是这样,不过还不太清楚这个自适应,先记下来吧~!) 阅读全文
posted @ 2013-02-24 23:31 MoenyChen 阅读(131) 评论(0) 推荐(0) 编辑
摘要: 设置了两个div,两个div都设置了position:fixted,这时按钮会被第二个div覆盖掉,一开始的解决方法是在按钮里面加上z-index的属性,这时在IE8正常,但是在IE6、7就不正常,后来在网上查了一下,原来是要在其父元素上面加z-index这个属性才有效果的。<div class="toolBar"> <div class="closeButton"> <input type="button" value="关闭" class="close" /&g 阅读全文
posted @ 2013-02-24 23:29 MoenyChen 阅读(225) 评论(0) 推荐(0) 编辑