2 lilin0503 lilin0503 于 2016.04.20 13:36 提问

background-image 图片旋转问题 10C

网页中利用background-image设置背景图片,有的图片被自动翻转了90度,这是神
马情况如下图,求解?
服务器上图片在浏览器中显示:图片说明

结果在div中作为background-image就这样了:图片说明

2个回答

codingMonkeyKing
codingMonkeyKing   2016.04.20 15:24

transform:rotate(90deg);

div加个样式 旋转下 90度

lilin0503
lilin0503 问题是有的图片正常,有的就这样
2 年多之前 回复
tangtang_fly
tangtang_fly   2016.04.22 18:37

背景图片横向旋转了,设置background:url() no-repeat;试试

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
图片旋转90度解决办法
如果把通过相机获取到的图片,直接进行操作, 比如裁剪, 缩放, 则会把原图片向又旋转90度。 ps: 查找过程中, 碰到了一种说法: [objc] view plaincopy //get original photo from iOS photos    //如果该图片大于2M,会自动旋转90度;否则不旋转   UIIma
1px边框问题和retina屏下的background-image
1px边框在lib-flexible下如何处理 web app有时候会设计出一些特别细的线条或者边框,如果我们直接通过css设置边框为1px: - Hide code border: 1px solid #ccc; 结果会发现这种边框在手机里看起来的效果,显得特别地粗,之所以会有这个效果,原因很简单,因为现在大部分手机的分辨率很高,一个css像素,比如上面代码中
CSS定义背景图片background-image须注意路径问题
    在传统的表格布局中,背景图片是直接应用于表格的,一般情况下CSS的background-image属性使用非常少,或者说根本就不使用。应用CSS网页布局,实现内容与表现、行为相分离,作为页面框架、装饰等图片我们就直接剥离到CSS文件中,通过CSS进行定义。  我们通常用link的方法直接引用一个CSS文件到HTML(或其它活动文档)文件中。我们会发现有时候我们的图片无法显示了。此时,请查看
css使背景图片旋转
因为遇到问题所以去查找问题,css3
css样式表里面引用background-image时,url路径错误原因及解决方法
一直对css中background-image:url的路径问题存在误解,半知半解的,有时候路径写的对,有时候又是错的,完全碰运气,今天写resume时又遇到这个问题,在此整理下: css样式表中background-image要引入image文件夹下的portrait.jpg图片, 正确的写法是: background-image:url('../image/portrait....
CSS background/background-image显示问题小议
在做IFE2015春季task0001任务的时候,header下方的图片,我试着用background属性来解决,这时候问题来了。 第一次代码 HTML 首页 文章 作品 关于 CSS #pic { background: url(/img/back1.jpg
JavaWeb项目前端学习之CSS background-image的url路径问题
比较可取的是采用相对路径的方法 在项目的WebContent下新建images文件夹,然后引用改文件夹下图片的相对路径:background-image: url("../images/background.jpg"); 另外补充关于background-image和元素插入图片的区别: background-image属性的特定用途是给元素设置背景图像,唯一的目的是提高元素的吸引力
解决图片旋转的问题
用法://Environment.getExternalStorageDirectory()得到磁盘根目录 File inputImagePath = new File(Environment.getExternalStorageDirectory(), "output_image.jpg");//得到磁盘文件里的图片旋转角度int degrees = readPictureDegree(Stri
关于使用元素 background-image 时遇到图片显示无效的原因及解决办法
今天写java时遇到一个问题,给网页body编写css样式时background-image显示无效。上网查了才知道是路径有问题。 开始搞不懂为什么img标签就可以。现在记录下来方法方便以后忘记后查阅。 1.ccs样式background-image url() 失效原因。 我想在index.jsp中用background-image 引入upload下的mapleL
JavaWeb 通过ios上传图片旋转问题
今天遇到个问题,通过iphone上传图片到服务器,后台人员拿到的图片是横着的. 先说下原因,在网上查过很多资料,最终确定的原定是 用相机拍摄出来的照片含有EXIF信息,UIImage的imageOrientation属性指的就是EXIF中的orientation信息.如果我们忽略orientation信息,而直接对照片进行像素处理或者drawInRect等操作,得到的结果