圖片被拖動問題的解決方式，圖片拖動方式

圖片被拖動問題的解決方式，圖片拖動方式

對有些圖片的會被拖動的問題，是不是表示已經厭倦了，累覺不愛啊，我也經常會有遇到圖片被拖動的問題

來來來，：

這是我遇到的問題，明顯的可以看到圖片已經被我拖出去，有一個重影（紅色框出）

錯誤碼.html

<img data-ng-src="{{ror > 0 ? 'assets/usb/arrow_up.png':'assets/usb/arrow_down.png'}}" alt="icon">

我測試過所有用<img>寫的代碼都會被拖動，建議不要使用<img>

解決方式如下：

正確代碼.html

<div data-ng-class="ror > 0 ? 'pr-account-tab_account-return__icon_up':'pr-account-tab_account-return__icon_down'"></div>

正確代碼.css

.pr-account-tab_account-return__icon_up{background-image: url(usb/arrow_up.png);width: 16px;height: 16px;background-size: 16px 16px;position: relative;left: 7.5px;top: 7.5px;}.pr-account-tab_account-return__icon_down{background-image: url(usb/arrow_down.png);width: 16px;height: 16px;background-size: 16px 16px;position: relative;left: 7.5px;top: 7.5px;}

改變成用background-image的方式，找到圖片的位置，放到<Div>標籤中而不是<img>中就可以愉快的解決這個問題啦~

注意要重新置放下，不然圖片會到最上方去。

是不是棒棒噠~

PS:data-ng-class="ror &gt; 0 ? 'pr-account-tab_account-return__icon_up':'pr-account-tab_account-return__icon_down'"

      是一個三元運算式（angularJS中使用），如果：

ror結果 >0  ：使用pr-account-tab_account-return__icon_up這個class

ror結果 <0  ：使用pr-account-tab_account-return__icon_down這個class