BootStrap选项卡：标签内的背景图像未拉伸至100％

Question

我将背景图片设置为Bootstrap Tab，但图片位于中心，而不是覆盖整个Tab。我尝试使用backgroundSize作为100%, cover, auto等，但没有用。我希望粉红色图像覆盖整个标签。请帮忙

let tabStyle1 = {
  display: 'inline-block',
  width: 12,
  height: 15,
  backgroundColor: '#FF00FF', // added to check the issue
  backgroundImage: 'url(' + filename + ') ',
  backgroundRepeat: 'no-repeat',
  backgroundPosition: '-0px -10px',
  backgroundSize: '15px 300px'
};
let tab1 = <img src={"./international-emoji/blank.gif"} style={ tabStyle1 }/>
 <Tabs defaultActiveKey={1}>

    <Tab eventKey={1} title={tab1}>
      <ul className="list-panel">
        ...
      </ul>
    </Tab>

Answer 1

当我们在CSS文件或样式上附加背景时，我们需要在该标记上提供适当的宽度和高度或所需的宽度和高度。