MoenyChen

2013年5月31日

摘要： html代码：<div class="footer">copyright©2010  cmyCake蛋糕店 </div>一般情况下如下所设都会成功的，但是今天却失败了，因为当我把浏览器缩小的时候，版权条也跟著一起移动，但是这个移动有的规律，当我缩到中间的背景图宽度时它才移动，所以解决方案是，设置一个最小宽度，为背景图片的宽度。css代码：.footer{width:100%;min-width:960px;//IE6不支持此属性width: auto !important 阅读全文

posted @ 2013-05-31 21:20 MoenyChen 阅读(150) 评论(0) 推荐(0)

遮罩层不铺满整个页面

摘要：设置了遮罩层之后，但是它不铺满整个页面，原因是没有相对的对象，解决方案：在body里面加上position: relative;就可以了<body> <div style="height: 2000px; width: 1003px; border: 1px solid red;"> </div></body><div id="ShadowLayer" style="position: absolute; height: 100%; width: 100%; top: 0px; left: 阅读全文

posted @ 2013-05-31 21:15 MoenyChen 阅读(449) 评论(0) 推荐(0)

IE6、IE7下text-indent的问题

摘要：在input文本输入框里设置text-indent后，在IE6、IE7下连同文本框一起移动。暂时的解决方案是独立给IE6和IE7的一个margin-left值为负数。阅读全文

posted @ 2013-05-31 21:13 MoenyChen 阅读(138) 评论(0) 推荐(0)

css 文字设置投影或者阴影

摘要：（1）text-shadow: 1px 1px 2px green; /*ff*/（2）filter: DropShadow(Color=green, OffX=1, OffY=2, Positive=true); /*阴影：IE都支持，ff和opera不支持*/ （3）filter: Shado... 阅读全文

posted @ 2013-05-31 21:11 MoenyChen 阅读(811) 评论(0) 推荐(0)

IE6、IE7下不支持overflow-y:hidden;

摘要：今天做页面的时候，给body设置overflow-y:hidden;后，IE8很正常，但是IE7却不行了，隐藏不了竖向滚动条呀～！解决方案：html{#overflow:visible;_overflow:visible; } 阅读全文

posted @ 2013-05-31 21:08 MoenyChen 阅读(250) 评论(0) 推荐(0)

2013年5月23日

font-family:微软雅黑

摘要：今天搞了一个下午，都不知道样式表里哪里出问题，一个页面引用同一份样式表，在IE6下头部的样式就有，脚部的样式就没有，这不是坑我吗？后来把样式表的样式逐个删除，原来罪魁祸首是font-family:“微软雅黑";这里的文字加了双引号呀～！这小小的双引号弄了我一个下午呀...... 阅读全文

posted @ 2013-05-23 18:00 MoenyChen 阅读(701) 评论(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 阅读(151) 评论(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 阅读(355) 评论(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 阅读(309) 评论(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 阅读(1926) 评论(1) 推荐(0)

公告