這條CSS線段是什麼意思？。。「滾動100％0透明」

我仔細閱讀了使用上的優秀教程的Twitter（在http://140dev.com從亞當·格林）飼料這條CSS線段是什麼意思？。。「滾動100％0透明」

我要通過代碼非常仔細，有一個在CSS文件中的行，我只是不明白。不知道該去哪裏查找。

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

我知道這個div/image是如何工作的，但我只是不明白背景調出的「滾動100％0透明」部分。不知道這是什麼意思，不知道去哪裏尋找它。是的，我覺得在這裏問這個問題很愚蠢。我必須相信有人來過這裏。「^）

來源

2013-11-23 zipzit

從埃斯泰勒外爾[standardista]（HTTP：/ /www.standardista.com/css3/css3-background-properties）'在CSS3之前，這些值可以以任何順序排列，但通常以顏色，圖像，附件，位置和重複順序排列。如果以前在另一個聲明中說過 – FelipeAls

FYI 0 == left | top; 50％== center; 100％== right | bottom（太自然了）要回答下面的評論「百分之物不直觀」，wha t更不直觀的是不同於0,50％和100％的值，例如33％：圖像方向上33％的點將顯示在相同方向上的33％的元素上（與82.5％相同82.5％等）。當你測試50％（「哦，但它只是居中」）時，它是非常有意義的，但你必須拿起鉛筆和紙或用棋盤圖像測試來理解其他值的訣竅。 ;） – FelipeAls

原因是

背景短切在CSS，可用於一次設置多個背景屬性

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透明」

回答

相關問題

這條CSS線段是什麼意思？。。「滾動100％0透明」