开发者

Safari not scaling bullet images

开发者 https://www.devze.com 2022-12-25 22:23 出处:网络
When you zoom in on a page in Safari and the bullets have images assigned to them, the images don\'t scale with the text.If you zoom in on a开发者_开发百科 page in FF the bullet images will scale.

When you zoom in on a page in Safari and the bullets have images assigned to them, the images don't scale with the text. If you zoom in on a开发者_开发百科 page in FF the bullet images will scale.

Is there a way to do make that happen in Safari without using background images?


You can try using a background image instead of list-style-image:

  • Change your list-style-type to none
  • Style the list item (or if there's an anchor, style the anchor) to have a background-image
  • Set the background-repeat to no-repeat
  • Set the padding-left of the LI to accommodate the background-image
  • If needed, adjust the background-position

Something like this:

background-image:url(Bullet.png);
background-repeat:no-repeat;
padding-left:30px;
margin-left:-30px;
0

精彩评论

暂无评论...
验证码 换一张
取 消