浏览器兼容性解决方案分享
导读:果你想在所有的浏览器放置同样的形象标志,就应使用浏览器兼容性解决方案,过程如下 浏览器兼容性解决方案 同样在所有的浏览器,下面的例子会显示的图像标记: 实例 ul { list-style-type:no...
果你想在所有的浏览器放置同样的形象标志,就应使用浏览器兼容性解决方案,过程如下
浏览器兼容性解决方案
同样在所有的浏览器,下面的例子会显示的图像标记:
实例
ul
{
list-style-type:none;
padding:0px;
margin:0px;
}
ulli
{
background-image:url(sqpurple.gif);
background-repeat:no-repeat;
background-position:0px5px;
padding-left:14px;
}
例子解释:
ul:
设置列表类型为没有列表项标记
设置填充和边距0px(浏览器兼容性)
ul中所有li:
设置图像的URL,并设置它只显示一次(无重复)
您需要的定位图像位置(左0px和上下5px)
用padding-left属性把文本置于列表中
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 浏览器兼容性解决方案分享
本文地址: https://pptw.com/jishu/664082.html