预览模式: 普通 | 列表

div+css

作者:lee 日期:2012-01-10

字体属性：(font)
字体："" lang=EN-US> Arial, Helvetica, sans-serif, Verdana, “宋体”
大小font-size: 12px;
行高line-height: 24px;
粗细font-weight: bold;(粗体)
修饰text-decoration: underline;(下划线)
 
背景属性： (background)
色彩background-color: #FFFFFF;
图片background-image: url();
重复background-repeat: no-repeat;
滚动background-attachment: fixed;(固定) scroll;(滚动)
位置background-position: left(水平) top(垂直);
简写方法 background:#000 url(..) repeat fixed left top;
 

查看更多...

分类:生活 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2

使flash背景透明，让flash置于DIV层之下的方法，让flash不挡住飘浮层或下拉...

作者:lee 日期:2011-10-17

让flash置于DIV层之下的方法，让flash不挡住飘浮层或下拉菜单
让Flash不档住浮动对象或层的关键参数：wmode=opaque


方法：
针对IE 在<object></object>内加上参数<param name="wmode" value="opaque" />
针对FF 在<embed />内加上参数wmode="opaque"


标准的的Flash插入
<!-- 标准的的Flash插入
设置高度与宽度：
width="400" height="400"
设置路径：
data="style/flash/001.swf" 与 value="style/flash/001.swf"
替代文本或替代图片：
<a href="" title=""><img src="" alt="" /></a> 也可以不要这段
-->
<object type="application/x-shockwave-flash" data="style/flash/001.swf" width="400" height="400">
<param name="movie" value="style/flash/001.swf" />
<a href="style/flash/001.swf"><img src="style/img/001.jpg" alt="Flash动画" /></a>
</object>

不会遮住层的Flash 
<!-- 不会遮住层的Flash
让Flash不档住浮动对象或层的关键属性：
<param name="wmode" value="opaque" />
<embed wmode="opaque"></embed>
-->
<object type="application/x-shockwave-flash" data="style/flash/001.swf" width="400" height="400">
<param name="movie" value="style/flash/001.swf" />
<param name="wmode" value="opaque" />
<embed wmode="opaque"></embed>
<a href="style/flash/001.swf"><img src="style/img/001.jpg" alt="Flash动画" /></a>
</object>

查看更多...

分类:生活 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5

JS动画滑动效果的导航菜单

作者:nurture 日期:2011-01-07

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>JS动画滑动效果的导航菜单 - www.webdm.cn</title>
<style type="text/css">
<!--
body,div,ul,li,p,h1,h2{ margin:0; padding:0; border:0; background:#FAFAFA; font-family:Arial, Helvetica, sans-serif,"宋体"}
body{ text-align:center; font-size:12px}
li{ list-style:none}
.rolinList{ width:402px; height:auto; margin:20px auto 0 auto; text-align:left}
.rolinList li{margin-bottom:1px;border:1px solid #DADADA}
.rolinList li h2{ width:380px; height:40px;  background:#fff; font-size:14px; line-height:40px; padding-left:20px; color:#333; cursor:pointer}
.content{ height:150px;width:400px;  background:#fff;  background:#FAFAFA}
.content p{ margin:12px}
-->
 

查看更多...

分类:生活 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1

使用CSS修正一切：20多个常见Bug及其修正方法

作者:nurture 日期:2010-12-21

毫无疑问，一个合理的布局和结构是最好选择。这不仅是因为你的布局在不同浏览器见表现不同，而且还因为的CSS有很多方法来布局你的每个元素。今天，我们希望与你们分享一些避免在创建CSS布局时容易遇到的错误的技巧。

IE Bug修正

1- Bug修正：IE双倍Margin bug

- 元素是浮动的-并且给元素一个和浮动同一个方向的margin-结果显示两倍的指定margin大小。这个方法非常简单。所有您需要做的就是添加一个display: inline规则到你的浮动元素。所以，你只是把例如这样的代码：

#content {
    float: left;
    width: 500px;
    padding: 10px 15px;
    margin-left: 20px; }

改为如下代码 :

#content {
    float: left;
    width: 500px;
    padding: 10px 15px;
    margin-left: 20px;
    display:inline;
}

  

查看更多...

分类:生活 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4

混批商城

作者:nurture 日期:2010-12-15

查看更多...

分类:作品 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5

38财富黄金频道

作者:nurture 日期:2010-12-15

查看更多...

分类:作品 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 3