因为百度各种吞，我不贴代码了，把截图发出来请大神帮我看看：
1、正常情况的效果图：
2、这个是出问题时所用的那个CSS代码：
3、这个是采用文本竖排后，背景图出现的异常：
4、这个是在CSS中写入了调用文本横排的类（其实就等同于缺省值）后，背景图出现异常的效果图：
问题：
请问怎样才能在自定义了文本横排竖排后，保持背景图片正常显示？

试试看代码能不能发：
“2、这个是出问题时所用的那个CSS代码：”
/* 横排 */
.Horizontal {
writing-mode: horizontal-tb; /* 字间阅读顺序：左右，行间阅读顺序：上下(right,left-top,bottom)。这是默认格式。 */
}
/* 竖排 */
.Vertical {
writing-mode: tb-rl; /* 字间阅读顺序：上下，行间阅读顺序：右左(top,bottom-right,left) */
writing-mode: vertical-rl; /* 字间阅读顺序：上下(vertical)。行间阅读顺序：右左(rl:right-left) */
-webkit-writing-mode: vertical-rl;
-epub-writing-mode: vertical-rl;
}
/* 背景图 */
body {
/* width: 40em; /* 设置图片最大宽度 */
/* height: 50em; /* 设置图片最大高度 */
background-size: cover; /* 指定视窗范围内背景图片的长和高 */
background-position: 50% 50%; /* 使背景图片在图片框架里位于X轴的50%处，Y轴的50%处 */
background-repeat: no-repeat; /* 背景图片在框架中不进行平铺 */
}