Css Internet Explorer中未显示的空flex子项的背景图像

我有两个div，我想并排放置。一个包含图像，一个包含文本

由于文本div的高度将根据浏览器的宽度而变化，因此我希望使用flexbox和background size:cover来确保图像始终与旁边的文本div的高度相同

我在Chrome、Safari和Firefox中成功地做到了以下几点：

.flexbox容器{
显示：-ms flex；
显示：-webkit flex；
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
}
.你完美的色彩、内容、形象{
背景图片：url（/images/your perfect colors.jpg）；
背景尺寸：封面；
宽度：62%；
}
.你完美的颜色.文字{
顺序：1；
宽度：38%；
}

你完美的颜色
Lorem ipsum dolor sit amet，是一位杰出的献身者。虎皮鹦鹉，欧洲秃鹫的变种，大龙虾。同侧腹直肌。在hac habitasse Plateum，一句名言。请不要忘记我们的生活。阿利奎姆·埃拉特·帕特。这是一种有效的治疗方法。我的心是空的

了解更多

Luke您找到解决方案了吗？我在IE9中面临着完全相同的问题——谢天谢地，我不得不强制div与图像的高度相同——但是使用了一个百分比，而不是一个固定的值，所以无论屏幕宽度如何，它总是正确的。CSS在这里：链接到公式，以了解用于填充的百分比（取决于您的图像尺寸）在这里：（在绿色框中）。感谢您的反馈！我最终遇到了这把js小提琴，它看起来也很好用。这里是链接：以防其他人有这个问题，我把你的问题投了赞成票。