私は WordPress 用の商品タグ プラグインを開発しており、次のことを行いました。
これは、画像に表示される出力コードです:
バッジには次の CSS があります:
バッジの左下または右下の位置を商品画像の下ではなく最後に配置したいです。現在、CSS を使用して、[カートに追加] ボタンの隣の一番下に配置できます。ブレークポイントを追加して、要素に対する相対位置を設定しようとしましたが、うまくいきませんでした。どうすればこれを達成できるか知っていますか?
CSS (JavaScript を使用しない) を使用してこれを行う唯一の方法は、HTML マークアップを変更することです。 img を要素でラップし、その中にバッジ要素を配置する必要があります:
img
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
CSS (JavaScript を使用しない) を使用してこれを行う唯一の方法は、HTML マークアップを変更することです。
imgを要素でラップし、その中にバッジ要素を配置する必要があります: