2016-05-31 7 views
0

背景画像をBootstrap Tabに設定しましたが、画像は中央に来て、Tab全体をカバーしていません。私はbackgroundSize100%, cover, autoなどと使ってみましたが、使用していません。私はピンクの画像がタブ全体を覆うようにしたい。我々はその後、CSSファイルやスタイルに背景を添付するとき、我々は適切な幅と高さまたはそのタグに必要な幅と高さを与える必要がBootStrapタブ:タグ内の背景画像が100%まで伸びない

image

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> 
+0

親のプロパティを確認してください。 – suresh

+0

コードはどこですか?あなたのコード例を教えてください。 – Paran0a

+0

@ Paran0aコードで編集しました – iamsaksham

答えて

0

を助けてください。

+0

cssを使って 'width'と' height'を変更すると、タブの幅と高さが変わります。ピンク色の画像を変えずにタブを覆いたいタブのサイズ – iamsaksham

関連する問題