带按钮上方的背景图片

时间:2018-09-12 11:47:57

标签: html css

我正在寻找有关td背景的帮助,该HTML用于发送电子邮件。

我想设置图像背景,然后在背景图像的某个位置的顶部上方应用按钮。任何指导将不胜感激!

这是TD:

@ControllerAdvice
public class ExceptionHandlerAdvice {

@ExceptionHandler(MismatchedInputException.class)
public ResponseEntity<Void> handleMismatchedInputException(MismatchedInputException e) {
    return ResponseEntity.status(BAD_REQUEST).build();
}

@ExceptionHandler(InvalidFormatException.class)
public ResponseEntity<Void> handleInvalidFormatException(InvalidFormatException e) {
    return ResponseEntity.status(UNPROCESSABLE_ENTITY).build();
}

}

1 个答案:

答案 0 :(得分:1)

以background =“”添加background =“”和background属性 确保下面的表中没有bgcolor,否则它们将覆盖bgimg。

附加代码。

<table data-module="module-6" data-thumb="images/section3.png" width="100%" 

cellpadding="0" cellspacing="0" background="http://imageLink.jpg" bgcolor="#006554" width="640" align="center" valign="top" style="background-position:right top !important; background-size:cover !important;">
  <tr>
    <td data-bgcolor="bg-module" bgcolor="">




 <table class="flexible" width="580" align="center" style="margin:0 auto;" cellpadding="0" cellspacing="0">
        <tr>
          <td data-bgcolor="bg-block" class="holder" style="padding:10px 30px 20px;" bgcolor="">

            <table width="100%" cellpadding="0" cellspacing="0">
              <tr>
                <td align="center">
                  <table cellspacing="0" cellpadding="0" width="170">
                    <tr>
                      <td data-bgcolor="bg-button" data-size="size button" data-min="10" data- max="20" class="btn" align="center" style="font:bold 16px/18px Arial, Helvetica, sans-serif; color:#f9f9f9; text-transform:uppercase; mso-padding- alt:12px 20px; border-radius:0px;"
                        bgcolor="#e1e000">
                        <a target="_blank" style="text-decoration:none; color:#231f20; display:block; padding:12px 18px;" href="#">Play now</a>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td height="0"></td>
        </tr>
      </table>
    </td>
  </tr>
</table>