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

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

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

以下为详细代码

<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制作简易相册

相关阅读: IE6在定义DIV最小高度时出现错误的解决方法; 默认系统; 曲阜中侨国际旅行社有限公司; 另外的一种单项的选择; asp加载xml 用于验证目标网站是否更新; 深山行者留言板V2.2版本; canvas绘制的文字如何换行; python中 f 用法

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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把网页文字的毛边去掉

更多>>最新添加文章: dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗

更多>>随机抽取信息: 凹陷文字; CSS设计中常见的精华问题收集; 留言板(钓鱼岛模板)V5.3; 深山旅游网站管理系统V1.0; 微信公众号用户关注时自动推送回复小程序卡片(图文卡片)不需要第三方平台就可以做; 深山行者留言系统V2.3

更多标签热门标签

ajax input 选择符 adobe FTP 客户端经典操作 font-size tags Response web 快捷键不对齐留言板 word-spacing 常用 weatherxml 注册位置 photoshop innerText px 破解我想你获得样式数组论坛列 exe png24 文字垂直字母设为首页查询获取 document 网页制作 web2.0 ie6 梦幻表达首字母对话框超出替换站长 access 刷新