首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 .NET Java 游戏 视频 人才 外包 培训 数据库 书店 程序员
中国软件网
欢迎您:游客 | 登录 注册 帮助
  • 谁能告诉我,像这种网页是怎么做的?跪求~~ [已结贴,结贴人:songshumglt]
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-05-22 11:04:30 楼主
    http://ent.sina.com.cn/  背景都是整张整张的大图片,淘宝的首页也是这样的,怎么用这样的背景图片做出这样的整齐的网页的?
    20  修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-05-22 14:29:131楼 得分:0
    我也纳闷中..关注中...
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-05-22 15:12:532楼 得分:0
    背景图片自动放缩?
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-05-25 14:25:163楼 得分:0
    css sprites技术
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • jamo
    • 等级:
    发表于:2008-05-25 22:21:154楼 得分:0
    css, 设置背景图片的位置
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-05-27 11:44:125楼 得分:0
    图片分割 转换为网页背景
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-05-27 13:50:346楼 得分:0
    spacer.gif 是一个空图片
    <style>
    .ImgBgASC{ width: 15px; height: 15px; background-image: url(http://img.photo.163.com/1CfmhAytJYxo9eNm5rqZpQ==/2056737654824816426.gif); display: inline; background-position: top left; background-repeat: no-repeat; margin-top: -16px;}
    .ImgBgDESC{ width: 15px; height: 15px; background-image: url(http://img.photo.163.com/1CfmhAytJYxo9eNm5rqZpQ==/2056737654824816426.gif); display: inline; background-position: bottom left; background-repeat: no-repeat; margin-top: -16px;}

    </style>
    <img src="http://img.photo.163.com/1CfmhAytJYxo9eNm5rqZpQ==/2056737654824816426.gif" alt=""/> <br/>

    <img src="images/spacer.gif" alt="" class="ImgBgASC"> <br/>
    <img src="images/spacer.gif" alt="" class="ImgBgDESC">
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-05-27 14:16:157楼 得分:0
    刚才排版有点看不清楚,用这个代码测试

    HTML code
    <style> .ImgBgASC{ width: 15px; height: 15px; background-image: url(http://img.photo.163.com/1CfmhAytJYxo9eNm5rqZpQ==/2056737654824816426.gif); display: inline; background-position: top left; background-repeat: no-repeat; margin-top: -16px;} .ImgBgDESC{ width: 15px; height: 15px; background-image: url(http://img.photo.163.com/1CfmhAytJYxo9eNm5rqZpQ==/2056737654824816426.gif); display: inline; background-position: bottom left; background-repeat: no-repeat; margin-top: -16px;} </style> <img src="http://img.photo.163.com/1CfmhAytJYxo9eNm5rqZpQ==/2056737654824816426.gif" alt=""/><br/><br/><br/> 顺序<img src="images/spacer.gif" alt="" class="ImgBgASC"> 倒序<img src="images/spacer.gif" alt="" class="ImgBgDESC">
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-05-27 17:13:268楼 得分:0
    up
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-05-27 18:11:539楼 得分:0
    对于问题不是很理解
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-13 21:46:4810楼 得分:0
    图片分割 ?
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-15 14:51:5111楼 得分:20
    这样做的原因是提高下载速度
    前提是,页面中的元素大小尺寸要十分精确.
    然后合理的把背景图整理到一大张GIF或PNG图中去,
    再然后用
    CSS code
    background-position:
    控制其位置就ok了
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • storm0
    • 等级:
    发表于:2008-06-15 16:32:3512楼 得分:0
    背景切割而已
    修改 删除 举报 引用 回复

    网站简介广告服务网站地图帮助联系方式诚聘英才English 问题报告
    北京创新乐知广告有限公司 版权所有 京 ICP 证 070598 号
    世纪乐知(北京)网络技术有限公司 提供技术支持
    Copyright © 2000-2008, CSDN.NET, All Rights Reserved