이 CSS 라인 세그먼트는 무엇을 의미합니까? . . "스크롤 100 % 0 투명"

은 내가 아주 조심스럽게 코드를 통해거야 트위터 (http://140dev.com에서 아담 그린에서) 피드 사용에 대한 훌륭한 튜토리얼이 CSS 라인 세그먼트는 무엇을 의미합니까? . . "스크롤 100 % 0 투명"

을 정독하고 CSS 파일의 라인이 있다는 것을 I 그냥 이해가 안돼. 그것을보기 위해 어디로 가야 할지도 모릅니다.

.tweet_triangle { 
    background:url(../images/twitter_triangle.gif) no-repeat scroll 100% 0 transparent; 
    . . . 
}

이 div/image가 작동하는 방법을 알고 있지만 배경의 "스크롤 100 % 0 투명"부분을 이해할 수 없습니다. 그것이 무엇을 의미하는지 확실하지 않으며, 그것을 찾으러 갈 곳이 확실하지 않습니다. 그리고 그래, 나는이 질문을 여기서 바보라고 느낀다. 나는 누군가가 전에 여기에 있었다고 믿어야한다. "^)

출처

2013-11-23 zipzit

:.//www.standardista.com/css3/css3-background-properties)'CSS3 이전에는 값이 순서에 관계없이 색상, 이미지, 첨부 파일, 위치 및 반복 순서로 표시됩니다 .'를 제외하고는 스크롤 할 필요가 없습니다. 이전에 다른 선언에 명시된 경우 – FelipeAls

FYI 0 == 왼쪽 | 위로; 50 % == 중심; 100 % == 오른쪽 | 아래 (너무 자연 스럽습니다.) "백분율 일은 직관적이지 않습니다." t는 직관적이지 못합니다. 0, 50 % 및 100 %와 다른 값은 33 %입니다. 이미지 방향의 33 % 지점은 요소의 33 %에 동일한 방향으로 표시됩니다 (82.5 %와 동일). 82.5 % 등). 50 %로 테스트 할 때 완벽하게 이해할 수 있지만 ("아지만 중심에 둘뿐입니다") 연필과 종이를 사용하거나 바둑판 이미지로 테스트하여 다른 값의 트릭을 이해해야합니다. ;) – FelipeAls

이유

배경을 한 번에 여러 배경 속성을 설정하는 데 사용할 수있는 CSS에서 쇼트 컷이다 에스텔 바일 [standardista (HTTP 가입일

background-image: url("../images/twitter_triangle.gif"); 
background-repeat: no-repeat; 
background-attachment: scroll; 
background-position: 100% 0;//The first value is the horizontal position and the second value is the vertical. 
background-color: transparent;

출처

2013-11-23 06:52:14

Sridhar, 당신의 도움으로, 이제는 의미가 있습니다. 비율은 직관적이지는 않지만, 지금 무슨 일이 벌어지고 있는지 이해할 수있는 곳을 찾아 낼 수 있습니다. 귀하의 신속한 회신에 많은 감사드립니다. – zipzit

음 ... 친구를 도와 드리겠습니다. –

이 CSS 라인 세그먼트는 무엇을 의미합니까? . . "스크롤 100 % 0 투명"

답변

관련 문제