莽石、关注网站设计、前端开发

clearfix清除浮动

CSS+XHTML 07/07/2010 10:08:04 3 Comments

用于清除容器内浮动的css样式，留着备用。

.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { *zoom: 1; } /* IE6/7 */

标签: CSS学习笔记

博客导航条改版

CSS+XHTML 07/06/2010 08:50:40 1 Comment

连续的高温天气让人变得焦躁不安，没有了心情去工作。今天决定修改自己博客的导航条，把以前的只有一个banner的形式改成banner+Navigation的形式，丰富一下自己的博客。

（修改之前的形式）

（修改之后的形式）

用Photoshop切图完事后，Css定义样式的时候遇到一个不解的问题：现象是第一个导航按钮显示不出来，其他的都修改定义成功。唯独第一个导航按钮不显示，找了很多原因最后归结为Position属性改成absolute，相对位置改成绝对位置就成功显示了。

#banner li {
position:absolute;
}
#banner li a {
color:#FFFFFF;
display:block;
overflow-x:hidden;
overflow-y:hidden;
position:relative 改成 absolute;
 
}

标签: CSS学习笔记

消除Flash对下拉菜单的遮盖问题

CSS+XHTML 06/30/2010 10:46:10 0 Comments

消除遮盖的功能是设置页面中Flash为背景透明样式显示，使导航下拉菜单在Flash的前面显示出来。

<noscript>
        <object class="clsid:d27cdb6e-ac6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="619" height="238" align="absmiddle" title="11">
		<param name="movie" value="ytx_2007.swf"/>
		<param name="quality" value="high" />
		<param name="wmode" value="transparent" />
		<embed src="ytx_2007.swf" width="619" height="238" align="absmiddle" wmode="transparent" quality="high" pluginspage="http
		:// www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=shockwaveFlash" type="application/x-shockwave-flash"></embed>
		</object>
</noscript>