背景图像自身旋转90度

时间:2015-07-30 22:53:34

标签: html css

我在容器内添加了一个小于图像的背景图像。这是该计划的一部分。即使它自动旋转90度,没有我触摸任何东西(有3个其他框具有完全相同的设置,但不是相同的图像。)。知道如何解决这个问题,或者发生了什么?

编辑:问题解决了,Kyle Shrader告诉我使用和EXIF工具,我做了。那告诉我照片旋转了90度,虽然前端看起来很精致。我使用exif编辑器并将其放在水平(照片的正常值)而不是旋转90 CW。

1 个答案:

答案 0 :(得分:7)

如果图像设置了EXIF方向,某些浏览器会对此进行解释并自动旋转图像。您可以使用EXIF Data Viewer之类的工具快速检查您的情况并非如此。

如果是这种情况,您可以在样式表或图像文件本身中解决问题。

要使用CSS解决此问题,请使用image-orientation css属性设置图像方向。在您的情况下,您可以使用{{1}}。

要从文件中删除EXIF标记,您可以使用 theXifer EXIF Purge等工具

编辑:用离线解决方案替换原来链接的在线解决方案。每个人都有顾虑。在线解决方案对泄露公司信息或资产构成问题。显然,您应该只使用受信任的离线解决方案,因为这可能会带来安全风险。感谢您的推荐@TomerOfer