手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >list-style-image无法准确定位通过(li的背景模拟或相对定位)解决
list-style-image无法准确定位通过(li的背景模拟或相对定位)解决
摘要:这个list-style-image的定位问题也是经常有人问的,解决的办法一般是用li的背景模拟,这里采用相对定位的方法也可以解决.blue...

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

【list-style-image无法准确定位通过(li的背景模拟或相对定位)解决】相关文章:

比较全的CSS浏览器兼容问题整理总结

div标签中的元素margin-top失效的解决方法

img标签下多余空白BUG解决方法

使用CSS布局定位属性轻松实现优美站点布局

CSS布局教程:绝对定位和相对定位

CSS XHTML命名规则

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

CSS的优先级特性Specificity

CSS控制图片、表格、背景颜色渐变示例

学习CSS的伪类

精品推荐
分类导航