我嘗試添加背景圖片並使用封面讓瀏覽過的圖片調整大小。然而,圖像非常小,並沒有覆蓋整個背景。使用角度添加背景圖片時出錯
我是新來的角,所以我對這是如何工作有一個非常小的想法。
此外,儘管使用zurb來管理間距,但搜索欄並不在中間。
這裏是頁面的樣子
下面是代碼:
<div >
<!-- Above fold -->
<div class="row">
<div id = "backgroundImage" class="large-12 small-12 columns" ng-style="{'background-image':'url(img/mainBackground.png)','background-size' : 'cover'}">
<!-- search bar -->
<div class="row">
<!--empty -->
<div class="large-3 small-3 columns">
</div>
<div class="large-6 small-6 columns">
<input type="text" id="searchBar" ng-style="{'width': '50%'}">
</div>
<!--empty -->
<div class="large-3 small-3 columns">
</div>
</div>
</div>
</div>
</div>
基於代碼您提供,造型是通過AngularJS的div提供絕對沒有好處。使用樣式表。 – Marko