css - html background image orientation turned right -
i'm using function generate different background images seem turned right. how have them set normal orientation? checked images , facing correct way.
html
<div class="col-lg-9 col-md-9 col-sm-9 col-xs-9"> <div class="row" style="width:100%; height: 700px;"> <div class="col-lg-5 col-md-5 hidden-sm hidden-xs leftimg"> </div> <div class="col-lg-7 col-md-7 col-sm-12 col-xs-12 rightimg"> </div> </div> </div>
css
.rightimg{ padding-left:0; background-image: url("./images/rightside/pic5.jpg"); background-position:center; background-size: cover; background-repeat:no-repeat; height:100%; }
the image have doesn't matter. depending on resolution of image, browser automatically turn image 90 degrees reason.
use background-position change oritation.
Comments
Post a Comment