Question

是否可以指定您想要背景图像（非重复），例如，距离右边缘5px？

我知道可以用CSS做到这一点，但它默认为LEFT边缘。我希望背景图像始终与右边缘相距5px。

CSS

#companyLinks li {
display: inline;
padding-right: 10px;
background-image: url(/img/shd/spacer.png);
background-repeat: no-repeat;
background-position: right center;

Answer 1

@Francesca

而是编写3行来定义背景，您可以在一行代码下使用，这将符合您的目的......

background：url（/img/shd/spacer.png）右上角不重复;

或者如果你想在中心修复位置，你可以使用

background：url（/img/shd/spacer.png）no-repeat fixed right;

你正在使用两个定位值，即中心和这是造成冲突的权利。

您可以将一个值用于水平和水平一次一个垂直。

Answer 2

您可以随时编辑图像，在右侧为您提供5px的Alpha透明间距，然后使用：

background: url(/img/shd/spacer.png) no-repeat fixed right;

正如Hignesh的回答所建议的那样。

我知道这听起来像是黑客，但这肯定有用。要么是指定一个固定宽度的容器div，要么放置一个内部div（父宽度为5px），并确保它固定在左侧，右边的图像由上面的CSS指定。

Answer 3

<configuration>
  <appender name="FILE" class="ch.qos.logback.core.rolling.RollingFileAppender">
    <file>logFile.log</file>
    <rollingPolicy class="ch.qos.logback.core.rolling.TimeBasedRollingPolicy">
      <!-- daily rollover -->
      <fileNamePattern>logFile.%d{yyyy-MM-dd}.log</fileNamePattern>

      <!-- keep 30 days' worth of history capped at 3GB total size -->
      <maxHistory>30</maxHistory>
      <totalSizeCap>3GB</totalSizeCap>

    </rollingPolicy>

    <encoder>
      <pattern>%-4relative [%thread] %-5level %logger{35} - %msg%n</pattern>
    </encoder>
  </appender> 

  <root level="DEBUG">
    <appender-ref ref="FILE" />
  </root>
</configuration>

或

background-position: right 5px center;

Answer 4

尝试使用此表，我认为这应该根据您的需要工作：P

<table border="2" align="center" cellpadding="0" cellspacing="0" height="100%" width="100%">
    <tr height="100%">
        <td style="background-image:url('http://www.dvd-ppt-slideshow.com/images/ppt-background/background-31.jpg'); background-position:right; background-repeat:no-repeat; " height="100%" ></td>
        <td  style="width: 10px;"></td>
    </tr>
</table>

从右侧而不是左侧定位背景图像

4 个答案: