奔跑的虾米

摘要： 最近在做一个项目，其中一个页面有两个下拉列表，如图这个样子，红框框起来的是这两个下拉列表当第一个下拉展开的时候，会出现下图所示的情况：即会被第二个下拉遮住，原来在IE7下,会出现z-index覆盖混乱的问题：若一个页面中有多个并列的带有定位属性（relative/absolute）的父元素，若他们的... 阅读全文

摘要： 在谷歌、IE浏览器中，如果图片路径加载失败，会显示一个默认的断裂图片，像这个样子而在火狐浏览器中，则图片不会有任何占位，这样就会导致布局上的混乱，用户体验也不好，如何让火狐浏览器显示出断裂图片效果呢？只需在样式文件css中加入这行代码就可以啦@-moz-document url-prefix(htt... 阅读全文

摘要： 有时在写css样式，并调试时，会出现很不可思议的现象，比如：我们定义了一个<div class=”aaa”></div>，在css中定义样式，.aaa{width：500px;}，但预览时该div块却没有定义的那么宽，这时用firebug调试发现，css样式中多了一句：element.style{width：400px;}，将原来的样式覆盖掉了，但自己并没有定义啊！这有可能是system.css，或者是使用js代码所致。解决这个问题的比较简单的方式就是使用！important，在原来的样式中加入！important，即.aaa{width:500px !importan 阅读全文

摘要： 制作wordpress主题，我认为适应性和可扩展性很重要，即不同用户使用时不会出现溢出、排版混乱等问题。只有做到这样，才是一个合格的、适应性强的主题。下面进入重点。当我们的导航菜单需要设置下拉菜单时，或许会要求宽度自适应，因为使用人不同，那么菜单项的内容就会不同，从而字数也不同，这时若定义固定的宽度，当字数超出定义宽度时，就会出现问题了，如何解决呢？采用下面的方法即可实现灵活变化。一般情况下，带有下拉菜单的导航菜单是这样的一串代码：<div class=”nav”> <ul> <li><a href=”#”>首页</a></li 阅读全文

摘要： IE6中的div有一个默认高度，大致是在12px-14px之间，若企图定义一div，其高度小于默认高度，如height：6px；这在IE6中是无法实现的，div会固执的呈现它的默认高度，这时该如何解决呢，办法有很多种：一、定义该div的字体大小。div{height:6px;font-size:0px;}二、直接限制自动调整。div{height:6px;overflow:hidden;}三、在div内加注释。四、在div内加任意一对标签，如<p></p>、<span></span>等。以上几种方法都可以，但建议用第一种。 阅读全文

摘要： 1、 文本、图片等行内元素的水平居中给父元素设置text-align:center；即可实现居中，例如：<div class=”top”> <span>自由飞翔</span></div>若要实现自由飞翔四字的居中，只需在样式中写.top{text-align:certer;}2、 确定宽的块级元素的水平居中需设置marin属性，为margin：0 auto；例如：<div class=”top”>内容</div> 若要实现整个div块的水平居中，而定义块宽为70px，需在样式中写入.top{width:70px; marg 阅读全文