标签:css img div angularjs中ng-class 图片被拖动问题
对有些图片的会被拖动的问题,是不是表示已经厌倦了,累觉不爱啊,我也经常会有遇到图片被拖动的问题
来来来,上图:
这是我遇到的问题,明显的可以看到图片已经被我拖出去,有一个重影(红色框出)
错误代码.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; }
注意要重新定位下,不然图片会到最上方去。
是不是棒棒哒?~
PS:data-ng-class="ror > 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
标签:css img div angularjs中ng-class 图片被拖动问题
原文地址:http://blog.csdn.net/candy_home/article/details/41496711