我基本上試圖複製這個網站作爲一個教訓自己反應。React.Js背景圖片正確地顯示在頂部的文字
http://www.milkbardigital.com.au/#home
有人能幫助我使用圖片作爲背景,把文本上它,也,如何使它顯示在頁面上的相同量的高度?
這裏是我當前的代碼
import React from 'react';
import {Image} from 'react-bootstrap';
export default React.createClass ({
render() {
var background = {backgroundSize : 'cover'};
return (
<div style={{width: 'auto'}}>
<Image style = {background} responsive src = "http://www.milkbardigital.com.au/wp-content/uploads/2015/11/Milkbar-Home-Background.jpg">
This is a test
</Image>
</div>
);
}
});
很欣賞的幫助!
您可以發表圖片組件的代碼嗎? –