内の画像のための新しいタグを作成しますか?私はこのような<code><img></code> html要素に新しいラベルを追加したいのjavascript
0
A
答えて
1
ような何かを行うことができますこのチュートリアルをご覧くださいhttp://www.inserthtml.com/2012/03/creating-css-image-ribbons/
2
あなたは、私はそれを行うためのプラグインを見つけていませんでしたが、あなたは最初からそれを行うことができ、この使用してCSS
#par {
position: relative;
}
#par img {
width: 200px;
height: 200px;
}
#tri {
left: 0;
top: 0;
position: absolute;
width: 0;
height: 0;
border-top: 100px solid red;
border-right: 100px solid transparent;
}
#tri:before {
content: 'New';
position: absolute;
left: 23px;
top: -68px;
transform: rotate(-45deg);
}
<div id="par">
<img src="https://pixabay.com/static/uploads/photo/2016/01/23/16/02/experimental-1157660_960_720.png" />
<div id="tri"></div>
</div>
関連する問題
- 1. </p> <p>が実は、私は私の<code>List<x, y></code>への変数のすべての<code>y</code>要素を追加したい...私はここに新たなんだと私はリストといくつかの助けをしたいと思い
- 2. がどのように要素を削除して、今、私はこのHTMLを解析したい私はこの</p> <pre><code>Hello<i class="emoji emoji_smile" title=":smile:"></i><i class="emoji emoji_angry" title=":angry:"></i>World </code></pre> <p>のようなHTMLスニペットを持って
- 3. は私が何をしたか</p> <p>だっ取得javascriptのが、イムエラーからラベルを追加しようとしていますJavaScriptの
- 4. Tortoise svn <<<<をファイルに追加しています!
- 5. Typescript。これは必須の参照を追加するための有名な</p> <pre><code>/// <reference </code></pre> <p>ラベルを追加するために必要とされた活字体の古いバージョンでは
- 6. Javaで反復処理中にListに要素を追加する方法は?私は、リストの末尾に要素を追加したい、このリストを反復しながら</p> <pre><code>List<String> list = new ArrayList<>(); list.add("a"); list.add("h"); list.add("f"); list.add("s"); </code></pre> <p>:
- 7. は、私が<code>ggplot2</code>でこのように見えるラベルをプロットしたいR/ggplot2
- 8. 私はルートに追加した<code>WebApiConfig</code>で
- 9. は私が</p> <pre><code>git add . </code></pre> <p>を実行し、今私はgitの追加戻したい
- 10. Gitは<<<<<<< HEADをファイルに追加し続けます
- 11. jQueryの追加では、私は、このコードに追加しようとしている<tr>タグ
- 12. NPMのチェリオ - 私は要素自体に小文字のIDとして各リスト要素のテキストを追加するにはどうすればよいのNPMチェリオを使用して</p> <pre><code><ul> <li>Name1</li> <li>Name2 </li> </ul> </code></pre> <p>のようなリストを持っている要素
- 13. <param>要素を<object>に追加する
- 14. 今まで、私はこのような<code>host</code>プロパティを使用して、私は私のコンポーネントのホスト要素にクラスを与えたい
- 15. jQueryのaddClassと私はマウスが要素の上にマウスとマウスが要素の上にホバリングされていないときにそのクラス<code>cfse_a</code>を削除されたときに要素<code>#searchput</code>にクラス<code>cfse_a</code>を追加したいと思いホバー
- 16. JListのは、私は別の<code>Jlist</code>に1 <code>Jlist</code>から要素を追加addButtonを作成した文字列
- 17. は</p> <p>は、私は新しい空のプロジェクトが、私はこのコード行を追加し、ソースファイル</p> <p>を追加します、私はちょうどアレグロライブラリをダウンロードしアレグロ使用してのVisual C++
- 18. は、私は、AutoSizeプロパティ(既存のラベルプロパティ)のように、既存のラベルの.NETコントロールに真IsWordWrap(新しいカスタムプロパティ)のような</p> <p>何かを=新しいプロパティを追加しようとしています.NETコントロール
- 19. どのように私は <pre><code>list = [['vegas','London'],['US','UK']] </code></pre> <p></p>がどのようにこのリストの各要素にアクセスするためのリストを持っているリスト要素
- 20. ルーティングレガシーリンク私は</p> <blockquote> <p>/signedin/mypage.aspx?my_key=152372</p> </blockquote> <p>にこのような何かをリダイレクトしたい
- 21. は、私は次のようにリストに新しい要素を追加しようとしていた
- 22. はどのように</p> <pre><code>has_one :company </code></pre> <p>私の要件は、ユーザーがページをサインアップするときに新しい<code>company</code>フォームにリダイレクトするということである
- 23. NG-バインドHTML私はこの</p> <pre><code><div id="{{item.id}}" ng-repeat="item in itemList"> <div ng-bind-html="item.html"></div> </div> </code></pre> <p>のような単純なプレゼンテーションがitem.htmlは、このようなHTMLが含まれている必要があり、画像のSRC
- 24. 私の問題は、<code><strong>25</strong></code>のようなラジオボタンのラベルの内側にHTMLを追加することですが、それはデフォルトでエスケープされており、私ができる...私は小枝のためにsymfonyのフォームにカスタマイズして戦うAMラジオラベルに</p> <p>を
- 25. UIPanGestureRecognizerは私<code>mapView</code>に<code>UIPanGestureRecognizer</code>を追加しようとしているが、私は<strong>アクションメソッドが</strong>(スウィフト2.1)と呼ばれることはありませんしない理由。アクションメソッド
- 26. は私が</p> <pre><code>$('#menu li:first-child:not(".submitted")').show(); </code></pre> <p>HTMLのようなものを</p> <p>を「提出」のクラスを持っていない要素の最初の子を表示しようとしていますjQueryの
- 27. Wordpressのサイドバー私はウィジェットを有効にした私の<code>functions.php</code>で<code><?php get_sidebar('lj_sidebar'); ?></code>を追加しました私の<code>footer.php</code>に見えない
- 28. Wordpress - <div></div>をプラグインで追加したい
- 29. Drupalの8 - canvas要素は、私は私がチャートをロードする<code><canvas></code>要素を作成しようとしていますDrupalの8</p> <p>にチャートJSを実装しようとしていますDrupalの8に新しいですページ
- 30. は私はないしたい私はiphone</p> <p>に新しいです、コールバック
あなたはanythinを試していますか? g –
質問は不明です。 JSを使って画像を動的に挿入しますか?それはあなたが意味することですか? – Teja
イメージにレイヤーを追加しますか? – Antonio