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

Popular posts from this blog

ubuntu - PHP script to find files of certain extensions in a directory, returns populated array when run in browser, but empty array when run from terminal -

php - How can i create a user dashboard -

javascript - How to detect toggling of the fullscreen-toolbar in jQuery Mobile? -