壹次网首页 | 工具源码首页 | 技术文章首页 | 文章分类 | | |

文章搜索: 分类 关键字
您的位置:首页网页设计Html/Css → 图解网页定位的技巧
图解网页定位的技巧
添加日期:2007-8-1 8:03:41     [ ]
上一页 [1] [2] [3] 下一页


六、总在视线里的元素 (固定定位):由于广告的溢用,使得一些浏览器软件都开始有了广告内容拦截,使得一些很好的效果现在都不推荐 使用了。比如让一个元素可能随着网页的滚动而不断改变自己的位置。而现在我可以通过CSS中的一个定位属性来实现这样的一个效果,这个元 素属性就是曾经不被支持的position:fixed; 他的含义就是:固定定位。这个固定与绝对定位很像,唯一不同的是绝对定位是被固定在网页中 的某一个位置,而固定定位则是固定在浏览器的视框位置。虽然原来的浏览器并不支持过个属性,但是浏览器的发展使得现在的高级浏览器都 可以正确的解析这个CSS属性。并且通过CSS HACK来让IE6都可以实现这样的效果(目前无法使IE5.x)实现这种效果。为了不使本文变成冗长的 大论这里只给出这个实例算是这篇文章的结束。关于这个实例的一些问题大家可以自行分析。有不理解的地方可以给我留言!


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta http-equiv="Content-Language" content="zh-CN" />
 <meta name="Design Corp" content="jonmax.com" />
 <meta name="Designer mail" content="maozhenzhi(at)gmail.com" />
 <meta name="roots" content="jonmax.com" />
<br>
            <table width="95%" border="0" cellpadding="6" cellspacing="2" align="center" bgcolor="#f7f7f7">
              <tr>
                <td align="center"><a href="Article_177644.html">上一页</a> <a href="Article_177644.html">[1]</a> <FONT

color=#ff0000>[2]</font> <a href="Article_177644_3.html">[3]</a> <a href="Article_177644_4.html">[4]</a> <a

href="Article_177644_5.html">[5]</a> <a href="Article_177644_6.html">[6]</a> <a href="Article_177644_3.html">下一页</a> </td>
              </tr>
            </table>
            <br>
            <br>
            <script language="javascript">
function copypageurltitle()
{
   var clipBoardContent='';
   clipBoardContent =document.title;
   clipBoardContent+='\r\n';
   clipBoardContent+=document.location;
   window.clipboardData.setData("Text",clipBoardContent);
   alert("标题和网址已经拷贝,请发给你QQ/Msn或者可以粘贴到论坛上和您的好友一起分享 ^_^ ");
  }
</script>
            <button onClick="copypageurltitle();">复制本页网址和标题,发送给你QQ/Msn的好友一起分享</button><br>
            <br>
            上一篇:<a href="Article_177643.html">为垂直三栏设置相同高度</a><br>
            <br>
            下一篇:<a href="Article_177645.html">CSS滤镜:颜色渐变[微软的方法]</a> <br>
            <br>
            <script src="../hezuo/softview/end.js"></script>
          </td>
        </tr>
        <tr>
          <td >详解css定位与定位应用 相关文章:</td>
        </tr>
        <tr>
          <td height="1" bgcolor="#CCCCCC" width="570"></td>
        </tr>
        <tr>
          <td width="570"></td>
        </tr>
        <tr>
          <td width="570"> 详解css定位与定位应用 相关软件:</td>
        </tr>
        <tr>
          <td height="1" bgcolor="#CCCCCC" width="570"></td>
        </tr>
        <tr>
          <td width="570"> </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td><br>
      <b>特别声明:</b>本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原

始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正

。<br>
      [<a
            href="javascript:window.print()">打印本页</a>] [<a
            href="javascript:window.close()">关闭窗口</a>] 转载请注明来源:<font color="#FF0000">http://www.vipcn.com</font>
    </td>
  </tr>
</table>
<table width="770" border="0" align="center" cellpadding="0" cellspacing="0">
<tr> <td align="center"> <script src="../hezuo/index/index_fly.js"></script> </td></tr>
</table><table height=20 cellspacing=0 cellpadding=0 width=770 align=center border=0>
 <tr bgcolor=#395a9f> <td align=right height=22 bgcolor="#5886C4"> <font color=#ffffff>|</font>
<a
      style="CURSOR: help" href="../Help.html" rel="nofollow"><font
      color=#ffffff>帮助(?)</font></a> <font color=#ffffff>|</font> <a
      href="../Say.html" rel="nofollow"><font
      color=#ffffff>版权声明</font></a> <font color=#ffffff>|</font> <a
      href="../Link.html"> <font  color=#ffffff>友情连接</font></a> <font color=#ffffff>|</font>
<a
      href="../Aboutus.html" rel="nofollow"><font
      color=#ffffff>关于我们</font></a> <font color=#ffffff>|</font> <a
      href="../Softup.html" rel="nofollow"><font
      color=#ffffff>信息发布</font></a> </tr>  <tr> <td align=middle height=30>
<table height=18 cellspacing=0 cellpadding=0 width="100%" align=center
      border=0 bgcolor="#F0F0F0">  <tr>
          <td width="51%" height=26> Copyright 2005-2007 www.vipcn.com All Rights
            Reserved.</td>
          <td width="15%" height=26> <script src="../Hits.asp?ArticleID=177644"></script></td>
          <td width="16%" height=26 align="left">
            <script language="javascript" type="text/javascript" src="http://js.users.51.la/518951.js"></script></td><td

width="18%" height=26>
            Powered by:mesky
          </td></tr>
 </table></td></tr>  </table>
 <script src="../hezuo/index/tan.js"></script></body>
</html>

上一页 [1] [2] [3] 下一页
出处:论坛转载 作者:佚名 点击:
 热点文章
·photoshop制作香烟、烟头、烟雾
·photoshop图片卷角、翻页效果的制作
·用U盘或移动硬盘装《深山红叶袖珍系统Win PE启动..
·photoshop经典恐怖片海报效果教程
·photoshop水晶球质感表现 - 关于光影的细节
·ghost.pif最新变种手动查杀,ARP欺骗挂马+KAV让..
·[css] table-layout:fixed 属性的解说,IE、Fire..
·photoshop制作3D立体小人和字体
·关于zend解密的程序
·自适应页面高度100%方法(表格直接100%高度没有效..
 推荐文章
·如何彻底删除一个不需要的系统服务
·模仿QQ和MSN消息提示的效果
·CC攻击的思路及防范方法
·广告联盟的一些评价
Powered by yici.net
CopyRight (C) 2006-2012 版权所有   [ 依次网 ];未经授权,任何人不得抄袭、仿冒本站
ICP备案:苏ICP备05011771号 证书下载 ICP证号:苏ICP证040301
仪征广目网络信息服务有限公司 版权所有