zoukankan      html  css  js  c++  java
  • background-position

      background-position该属性用于指定背景图片相对于背景图片容器的位置(忽略背景图片容器的padding),值(水平 垂直)有三种格式:

      指定该属性之前,一定要指定background-img属性。

      1. 数值+单位,例如:0px 0px

      是以背景容器的左上角为坐标原点,指定背景图片左上角的位置。

      2. top|bottom|left|right|center

      指定背景图片整体相对于背景图片容器的位置。比如:值为center center时,图片位于容器正中间,为left top时位于左上角,为right bottom时位于右下角。

      3.百分比,例如:50% 50%

      注意:当值为百分比时,位置需要计算,计算得出的是像素,和“格式1”一致

          正的百分比:{容器(container)的宽度/高度—背景图片的宽度/高度}*x百分比,超出的部分隐藏

          负的百分比:-{容器(container)的宽度/高度—背景图片的宽度/高度}*x百分比,超出的部分隐藏

  • 相关阅读:
    java大数取余
    hdu--5351--MZL's Border
    NYOJ--水池数目
    NYOJ--32--SEARCH--组合数
    NYOJ--20--搜索(dfs)--吝啬的国度
    hdu--4148--Length of S(n)
    hdu--2098--分拆素数和
    hdu--1873--看病要排队
    hdu--1870--愚人节的礼物
    hdu--1237--简单计算器
  • 原文地址:https://www.cnblogs.com/xingkai/p/4935885.html
Copyright © 2011-2022 走看看