如何在CSS中使用屬性？

-1

"Window": { 
    backgroundColor: '#fff' 
}, 
"Label": { 
    font: { 
     fontSize: 32, 
     fontWeight: 'bold' 
    } 
}, 
"Button": { 
    width: '50%', 
    height: Ti.UI.SIZE 
}, 
".button": { 
    randomProp: 'OK', 
    top: window.height * somevalue; 
}

如何使用我的Window's Height設置爲我的button's頂部。如何在CSS中使用屬性？

來源

2013-02-03 theJava

看起來你正在做的事情可能是漫長的，請解釋你正在努力實現的目標，並可能使用一個示例站點或圖像。 –

奇怪的看CSS我見過。 –

您可以通過對象的.style屬性來訪問對象的樣式屬性。即：

mybutton.style.top = "10px";

獲取窗口當前HIGHT是純JS棘手，但jQuery庫做它輕鬆：

$('window').height();

如果你不想使用jQuery那麼這裏就是如何只用JS：JavaScript - Get Browser Height

如果你的意圖是可以實現的，只需要CSS和百分比值是最好的方法，但我假設你正試圖附加一些相對於窗口大小浮動的東西，比如一個總是在底部的頁腳，其中沒有一些新的CSS3選擇器在CSS中可能會很痛苦，可能應該在JS中解決。

來源

2013-02-03 14:00:48

您不需要此JavaScript的JavaScript。

您可以使用position: absolute;來設置button相對於視口的位置。

button {position: absolute; top: %/px;}

Here is your jsFiddle。

來源

2013-02-03 14:12:46

如何在CSS中使用屬性？

回答

相關問題