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

我将背景图像设置为Bootstrap Tab，但图像位于中央，未覆盖整个Tab。我尝试使用backgroundSize作为100%, cover, auto等，但它没用。我想要粉红色的图像覆盖整个标签。请帮助BootStrap选项卡：标签内部的背景图像未拉伸至100％

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>

来源

2016-05-31 iamsaksham

检查它的父母。可能有些父母的财产越来越重要。 – suresh

代码在哪里？向我们展示您的代码示例。 – Paran0a

@ Paran0a编辑代码 – iamsaksham

当我们安装在CSS文件或风格，那么我们需要给予适当的宽度和高度或所需的宽度和高度该标记的背景。

来源

2016-05-31 07:56:24

使用css更改'width'和'height'，Tab的宽度和高度发生了变化，我希望粉色图像覆盖Tab而不会改变Tab大小 – iamsaksham

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

回答

相关问题