div 내에서 이미지 배경 위치를 변경 하시겠습니까?

토성 눈

나는 100px x 100px로 div를 설정하고 그보다 큰 이미지를 사용자에게 설정하여 섹션을 표시하고 전체 이미지의 미리보기 / 미리보기처럼 작동합니다.

내 유일한 문제는 이미지가 div의 왼쪽 상단에서 시작한다는 것입니다. 왼쪽 상단 모서리에 많은 일이 일어나지 않기 때문에 이미지가 절반 정도 지나고 싶으므로 꽤 쓸모없는 썸네일입니다.

.banner-thumbs {
    width:100px;
    height:100px;
    background-image:url(http://s246027975.websitehome.co.uk/apc_banner_1.png)
}

<div class="banner-thumbs"></div>
알레산드로 화신

당신이 사용할 수있는 background-position:center center;

.banner-thumbs {
        width:100px;
        height:100px;
        background-image:url(http://s246027975.websitehome.co.uk/apc_banner_1.png);
        background-position:center center;
    }

데모 http://jsfiddle.net/RVd2L/2/

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Greasemonkey로 배경 이미지를 변경 하시겠습니까?

분류에서Dev

누른 키에 따라 이미지의 위치를 변경 하시겠습니까?

분류에서Dev

PDF 파일에서 배경 이미지를 추출 하시겠습니까?

분류에서Dev

배경 tkinter 및 PIL에 여러 이미지를 표시 하시겠습니까?

분류에서Dev

onClick 함수 중에 for 루프 내에서 ImageView 이미지를 여러 번 변경 하시겠습니까?

분류에서Dev

배경 이미지의 밝기를 변경 하시겠습니까?

분류에서Dev

<img> 자체에 배경 이미지를 추가 하시겠습니까?

분류에서Dev

모든 하위 div의 배경 이미지 변경

분류에서Dev

CSS : div 내에서 배경 이미지를 흐리게하는 방법?

분류에서Dev

if / each 문을 실행하여 div를 선택하고 배경 이미지 위치를 독립적으로 변경

분류에서Dev

멋진 정렬로 단일 배경 이미지에 두 개의 이미지를 설정 하시겠습니까?

분류에서Dev

imageView, 이미지 및 배경 이미지를 카메라 롤에 저장 하시겠습니까?

분류에서Dev

이미지 onClick 및 onRelease를 변경 하시겠습니까?

분류에서Dev

페이지 하단에 div를 배치하고 아래 표시된 div에 따라 위로 위치를 변경합니다.

분류에서Dev

jquery 슬라이더를 바인딩하여 div의 내용을 변경 하시겠습니까?

분류에서Dev

경로 변경 VueJS에서 돌연변이를 실행 하시겠습니까?

분류에서Dev

동일한 이미지를 표시하지 않고 여러 div에서 배경 이미지 무작위 화

분류에서Dev

동일한 이미지를 표시하지 않고 여러 div에서 배경 이미지 무작위 화

분류에서Dev

JS로 여러 div에서 무작위로 배경 이미지 변경

분류에서Dev

배경 위치를 사용하여 PNG 이미지에서 이미지 추출

분류에서Dev

퍼징 도구 : 미리 정의 된 범위 내에서 정수를 변경 하시겠습니까?

분류에서Dev

Wikitude에서 오버레이 이미지를 라이브로 변경 하시겠습니까?

분류에서Dev

Javascript에서 조건을 사용하여 Div의 배경 이미지를 변경하는 방법

분류에서Dev

React.js에서 'onclick'기능으로 특정 div의 배경 이미지를 변경하는 방법

분류에서Dev

div 내에서 마우스 오버시 이미지 변경

분류에서Dev

클릭하면 div 내에서 이미지 변경

분류에서Dev

TImage에 Div 배경 이미지를 표시하는 방법

분류에서Dev

애니메이션으로 div 배경 이미지를 변경하는 방법

분류에서Dev

div 내부의 배경 이미지 중앙에 배치

Related 관련 기사

  1. 1

    Greasemonkey로 배경 이미지를 변경 하시겠습니까?

  2. 2

    누른 키에 따라 이미지의 위치를 변경 하시겠습니까?

  3. 3

    PDF 파일에서 배경 이미지를 추출 하시겠습니까?

  4. 4

    배경 tkinter 및 PIL에 여러 이미지를 표시 하시겠습니까?

  5. 5

    onClick 함수 중에 for 루프 내에서 ImageView 이미지를 여러 번 변경 하시겠습니까?

  6. 6

    배경 이미지의 밝기를 변경 하시겠습니까?

  7. 7

    <img> 자체에 배경 이미지를 추가 하시겠습니까?

  8. 8

    모든 하위 div의 배경 이미지 변경

  9. 9

    CSS : div 내에서 배경 이미지를 흐리게하는 방법?

  10. 10

    if / each 문을 실행하여 div를 선택하고 배경 이미지 위치를 독립적으로 변경

  11. 11

    멋진 정렬로 단일 배경 이미지에 두 개의 이미지를 설정 하시겠습니까?

  12. 12

    imageView, 이미지 및 배경 이미지를 카메라 롤에 저장 하시겠습니까?

  13. 13

    이미지 onClick 및 onRelease를 변경 하시겠습니까?

  14. 14

    페이지 하단에 div를 배치하고 아래 표시된 div에 따라 위로 위치를 변경합니다.

  15. 15

    jquery 슬라이더를 바인딩하여 div의 내용을 변경 하시겠습니까?

  16. 16

    경로 변경 VueJS에서 돌연변이를 실행 하시겠습니까?

  17. 17

    동일한 이미지를 표시하지 않고 여러 div에서 배경 이미지 무작위 화

  18. 18

    동일한 이미지를 표시하지 않고 여러 div에서 배경 이미지 무작위 화

  19. 19

    JS로 여러 div에서 무작위로 배경 이미지 변경

  20. 20

    배경 위치를 사용하여 PNG 이미지에서 이미지 추출

  21. 21

    퍼징 도구 : 미리 정의 된 범위 내에서 정수를 변경 하시겠습니까?

  22. 22

    Wikitude에서 오버레이 이미지를 라이브로 변경 하시겠습니까?

  23. 23

    Javascript에서 조건을 사용하여 Div의 배경 이미지를 변경하는 방법

  24. 24

    React.js에서 'onclick'기능으로 특정 div의 배경 이미지를 변경하는 방법

  25. 25

    div 내에서 마우스 오버시 이미지 변경

  26. 26

    클릭하면 div 내에서 이미지 변경

  27. 27

    TImage에 Div 배경 이미지를 표시하는 방법

  28. 28

    애니메이션으로 div 배경 이미지를 변경하는 방법

  29. 29

    div 내부의 배경 이미지 중앙에 배치

뜨겁다태그

보관