如何用CSS单独移动背景而非文字？IE浏览器logo适配求助

Got it, let's tackle this IE-specific issue—since you can't modify the existing HTML, we'll work purely within your ie.css file to decouple the background logo and text positioning.

The Core Problem #

Since both the text and background image live inside the same <a> tag, standard margin/padding adjustments shift both elements together. We need to use properties that target text or background independently, which even older IE versions support.

Solution 1: Shift Text Right (Keep Background in Place) #

Use text-indent to push the text away from the left, while locking the background image to the element's left edge. This works because text-indent only affects inline content (your text), not the background positioning.

Add this to your ie.css:

#logo {
  /* Force block-level behavior so text-indent works reliably */
  display: block;
  /* Lock background to left vertical center (adjust 'center' if needed for vertical alignment) */
  background-position: 0 center;
  /* Adjust the value to match your logo's width + desired spacing (e.g., 60px if logo is 50px wide) */
  text-indent: 60px;
  /* Optional: Ensure consistent alignment for wrapped text (your <br/>) */
  line-height: 1.2;
}

Solution 2: Shift Background Left (Keep Text in Place) #

If you'd rather move the background image left instead, adjust the background-position property to nudge it outside the element's content box. This won't affect the text's position at all.

Add this to your ie.css:

#logo {
  /* Nudge background left by 10px (adjust value to your needs) */
  background-position: -10px center;
  /* Prevent background repeat if it shifts outside the element */
  background-repeat: no-repeat;
}

Quick Tips #

• Tweak the pixel values to match your actual logo size and desired spacing—test in IE until the alignment matches non-IE browsers.
• display: block ensures text-indent behaves consistently across older IE versions (inline elements can have inconsistent indent behavior).

内容的提问来源于stack exchange，提问作者InterLinked