手工撸一个Material UI的overlay效果

Material UI 0.x的时代，CardMedia有个overlay的属性，可以快速添加一个overlay上去。Material UI 1.0以后，这个属性没了，手工撸一个简单的，效果如下。只是为了快速证明效果，所以简单粗暴的用了in-line style。正常要用的话还是用CSS-in-JS吧。Material UI推荐是withStyles()

overlay.jpeg

import React, { Component } from "react";
import { Card, CardMedia } from "@material-ui/core";

class Ovelay extends Component {
  render() {
    return (
      
        
        

          Hello James
        
      
    );
  }
}

export default Ovelay;