0

この添付画像のように (純粋な CSS を使用して) 画像に値札を付けるにはどうすればよいですか?

使った

content:'';
    width:0px; height:0px; 
    position: absolute; left:194px; top:-20px;
    border:10px solid;
    border-color: transparent transparent rgba(0,0,0,0.8) transparent;

しかし、それは役に立ちませんでした!!

ここに画像の説明を入力

4

3 に答える 3

5

このようなものを試してみてくださいhttp://jsfiddle.net/chriscoyier/xtCb9/1/

于 2012-07-17T11:47:28.387 に答える
4

このようなことができます

「tag」id divに値札の画像があり、その下に画像があると仮定します

編集

私は今これを更新したので、あなたはこのようなものを持つことができます

于 2012-07-17T11:39:03.787 に答える
1

機能しないことを除いて、現在どのような結果が得られているかは明確ではありません。したがって、問題をさらに特定する必要があるかもしれません。

CSS のみで三角形を作成するには、この CSS トリックを参照できますが、三角形にテキストやスタイルを追加することはできません: http://css-tricks.com/snippets/css/css-triangle/

それが必要な場合は、変換を使用して同様の結果を得る必要があります。

于 2012-07-17T11:39:23.533 に答える