配售MD-按鈕經過在AngularJS圖像

我想這個按鈕：配售MD-按鈕經過在AngularJS圖像

<md-button class="md-icon-button"> 
    <md-icon md-svg-src="/icons/ic_create_48px.svg"></md-icon> 
</md-button>

被放置在圖像的左上角：

<img src="{{Img}}" style="width:100%; height:200px;"/>

什麼將是最好的方式做它？ CSS是否必要？有沒有什麼辦法實現這一點，而不使用CSS？

來源

2017-09-06 Jadenkun

您需要CSS定位圖像按鈕 –

它很好的做法，使用'NG-SRC =「圖「'而不是'src = {{Img}}'，如果你的AngularJs代碼中有你的src屬性 – Gaara

我已經習慣了{{}}標記，但是謝謝你的建議！ – Jadenkun

嘗試這樣fiddle

的CSS

.md-icon-button{ 
    position: absolute; 
    left: 5px;  
    top: 8px; 
    display: block; 
    float: left; 
}

HTML

<div> 
    <img src="{{Img}}" style="width:100%; height:200px;"/> 
    <md-button class="md-icon-button"> 
     <md-icon md-svg-src="/icons/ic_create_48px.svg"></md-icon> 
    </md-button> 
</div>

來源

2017-09-06 11:13:08 Znaneswar

這不適合我。該按鈕甚至沒有顯示 – Jadenkun

它的工作在小提琴。檢查鏈接中，我添加了文本（「按鈕」）多數民衆贊成在那裏顯示 – Znaneswar

你有沒有用div包裹img我提到過？看到我的html代碼？或者可能是你的CSS像其他風格覆蓋等問題 – Znaneswar

配售MD-按鈕經過在AngularJS圖像

回答

相關問題