html - 小图片链接作为其销售图片右下角的按钮

Question

我试图在图片上放置一个指向亚马逊的链接按钮，但它不仅不起作用，还让我的网站变得很不稳定

.review-page-lander > img {
  width: 100%;
  max-width: 1169px;
  margin: 0 auto;
}
img.buy-from-button{
  height: 35px;
  width: 150px;
  top: 35px;
  float:left;
  position: relative;
  z-index: 1;
}

<div class="lander-image">
  <a href="#">
    <img class="buy-from-button" src="http://oathtohealth.com/wp-content/uploads/2016/05/Amazon.png" alt="buy at amazon">
  </a>
  <img src="amazon-item.jpg">
</div>   

Answer 1

正如我在评论中提到的，没有更多信息很难回答

首先，使用 .review-page-lander > img 不会起作用，因为 > 意味着直系 child ，http://www.w3schools.com/cssref/css_selectors.asp

要查找其他无效的内容，请在 chrome 中使用 F12+inspect(或在其他浏览器中使用类似的方法)来查找正在应用的 css

https://developers.google.com/web/tools/chrome-devtools/

https://developers.google.com/web/tools/chrome-devtools/inspect-styles/