.file_label { position: relative; cursor: pointer; font-weight: normal; display: inline-block; } .file_label > input { width: 70px; opacity: 0; position: absolute; top: 0; left: 0; z-index: 0; } .file_label > img { width: auto; height: auto; max-height: 100px; background-color: white; border: 1px solid #e4e7ed; position: relative; z-index: 1; } .file_label>.hover-tip{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.3); font-size: 14px; color: white; display: none; } .file_label:hover>.hover-tip{ display: flex; }