简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > css教學 > 主體

css中list-style-image無法準確定位透過li的背景模擬或相對定位的解決

黄舟
發布： 2017-06-29 10:30:30
原創
1915 人瀏覽過

這個list-style-image的定位問題也是常有人問的，解決的辦法一般是用li的背景模擬，這裡採用相對定位的方法也可以解決. 

<!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" xml:lang="zh"> 
<head profile="http://www.w3.org/2000/08/w3c-synd/#"> 
<meta http-equiv="content-language" content="zh-cn" /> 
<meta http-equiv="content-type" content="text/html;charset=gb2312" /> 
<title>blueidea</title> 
<style type="text/css"> 
li { 
list-style:url("http://bbs.blueidea.com/attachments/2006/11/10/arrowb_kJrcZheJmiIF.gif"); 
} 
li a { 
position:relative; 
top:-5px; 
font:12px/25px 宋体; 
} 
</style> 
</head> 
<body> 
<ul> 
<li><a href="#">web标准常见问题大全</a></li> 
<li><a href="#">web标准常见问题大全</a></li> 
<li><a href="#">web标准常见问题大全</a></li> 
<li><a href="#">web标准常见问题大全</a></li> 
<li><a href="#">web标准常见问题大全</a></li> 
</ul> 
</body> 
</html>
登入後複製

以上是css中list-style-image無法準確定位透過li的背景模擬或相對定位的解決的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
css
來源：php.cn
上一篇：css：list-style-image中的圖片背景如何設定？ 下一篇：css： list-style-position的使用與定義
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
不同樣式的巢狀列表 HTML和列表對我來說是一個新的層次，我正在嘗試在HTML中建立一個帶有相關編號的嵌套列表，並在第三級中使用字母編號類型。 body{padding-left:100px;}ol{...
來自於 2024-03-31 16:20:05
0
2
271
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！