欧美一级爱爱,一区二区冒白浆视频,亚洲视频日本

css 里面的圖片定位position高級應用

網絡 2009/5/12 23:11:43 admin 字體:大中小瀏覽 17977

以下為詳細代碼

<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制作簡易相冊

相關閱讀: IE8 CSS HACK 兼容; 鼠標經過表格列時變色; 許愿墻頁面設計完成，開始進行寫相關的樣式; 山西春秋國際旅行社; 360500怎么樣？啥時候能幫我的工資給我。; 旅行社手機網站模板4; uniapp的rich-text組件注入的a標簽點擊跳轉處理; 簡單Asp圖片驗證碼,收集大概35種各種各樣圖片樣式驗證碼，還有語音驗證碼

共有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把網頁文字的毛邊去掉

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現：無法載入您的Firefox配置文件它可能已經丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: 微軟公司的三道面試題目看了會有意想不到的收獲; 仿淘寶首頁商品分類列表效果; 在線支付; div中的圖片鏈接居中的問題; cookies; 另外的一種可以計算的倒計時效果

更多標簽熱門標簽

等高導航底部個性游覽器寬 px 許愿文章生成用戶體驗舒服 FSO 關閉保護眼睛的電腦色文件大小 IE8 深山行者變化 checkbox 管理系統 sel 框計劃應用 Margin加倍策劃焦點時間學習 cookies 柱狀圖 option 旅行社漸變清除許愿墻容器混合對象 confirm 成功列表操作 mssql 參數 id 中英自適應高度結果服務器

99热热热_国产成人自拍一区_欧美一级网站_99热在线播放_国产精品乱码一区二区三区_久久精品国产一区二区三区

css 里面的圖片定位position高級應用