css 里面的图片定位position高级应用 -- [DIV+CSS]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

css 里面的图片定位position高级应用

网络 2009/5/12 23:11:43 admin 字体:大中小浏览 16906

以下为详细代码

<html>

<head>
 <title>CSS Sprites: Image Slicing's Kiss of Death</title>
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 <style media="screen">

#skyline {
 width: 400px;
 height: 200px;
 background: url(./UploadFiles/2009512232323738.jpg);
 margin: 10px auto; padding: 0;
 position: relative;
}
#skyline li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#skyline li, #skyline a {height: 200px; display: block;}
#panel1b {left: 0; width: 95px;}
#panel2b {left: 96px; width: 75px;}
#panel3b {left: 172px; width: 110px;}
#panel4b {left: 283px; width: 117px;}

#panel1b a:hover {background: transparent url(./UploadFiles/2009512232323738.jpg) 0 -200px no-repeat;}
#panel2b a:hover {background: transparent url(./UploadFiles/2009512232323738.jpg) -96px -200px no-repeat;}
#panel3b a:hover {background: transparent url(./UploadFiles/2009512232323738.jpg) -172px -200px no-repeat;}
#panel4b a:hover {background: transparent url(./UploadFiles/2009512232323738.jpg) -283px -200px no-repeat;}

</style>
</head>

前一页:简单的圆角实现方案

后一页:利用css制作简易相册

相关阅读: 购买深山旅行社管理系统后享受哪些服务?; 绿色乡村留言板模板; 关于CSS框架的利与弊进行一些对比; 生意就是这样做成的; 百度小程序开发第一坑tcomponent自定义组件命名坑Compile san component failed. . [SAN ERROR] ROOT>swan-custom-component>view>千万不要用下划线作为自定义组件名; Visa签证服务商建站解决方案; 请勿在本地站发布乱七八糟的广告，本站所有的留言与评论全是需要审核的; web2.0中流行的设计元素：颜色

共有0条关于《css 里面的图片定位position高级应用》的评论: 发表评论

正在加载评论......

返回顶部发表评论

呢称:
表情:
内容:	评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码:

网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: jquery设置或获取修改classname; 利用css3.0写出一个音乐播放的唱片碟盘的效果; 利用css中的scale()实现放大缩小效果; 利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明; css背景使用base64编码或者将base64编码放在img图片标签中; 利用css3中的-webkit-font-smoothing把网页文字的毛边去掉

更多>>最新添加文章: 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗; aliyun阿里云续费域名优惠口令(注册、续费都可以使用); windows7环境下安装配置jdk; python对微信操作要用到这两个库wxpy与itchat; ASP中Utf-8与Gb2312编码转换乱码问题的解决方法页面编码声明; DW设置之后更好用 DreamweaverCS编辑GB2312与UTF-8文件在代码视图中点击鼠标错位问题的解决办法

更多>>随机抽取信息: 深山网吧留言板(激情穿越火线)v4.3; 要想创业成功必读的 36 条铁律; 购买系统可以免费提供修改服务吗？; 微信公众号用户关注时自动推送回复小程序卡片(图文卡片)不需要第三方平台就可以做; 把网页中的电话号码生成图片的ASP程序; 四川省中国青年旅行社有限公司总部

更多标签热门标签

文字样式刷新底部素材 vista exe 源码斜线想兼容右击柱状 radio ie6 png email 混合指向 relative 广告排序 submit 增高首页固定对联 onblur 产品强聊防止手告蓝色理想台历命名多选框 javascri 布局浮动深山 style 返回源文件跳转简易加减不对齐资料 base optgroup