Rumah > Artikel > hujung hadapan web > css中list-style-image无法准确定位通过li的背景模拟或相对定位的解决

css中list-style-image无法准确定位通过li的背景模拟或相对定位的解决

黄舟asal: 2017-06-29 10:30:301920semak imbas

这个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>

Atas ialah kandungan terperinci css中list-style-image无法准确定位通过li的背景模拟或相对定位的解决. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya： css：list-style-image中的图片背景如何设置？Artikel seterusnya：css： list-style-position的使用与定义

Artikel berkaitan

Lihat lagi