0

良い一日

この単純な html があり、href を html から css に移動したい

<body>
<a href="http://www.xxx.com">xxx</a>
</body

私が望むのは、html から href を削除し、代わりに css で何らかの方法で使用することです。

<body>
<p>xxx</p>
</body>

CSSは次のようになります

p {
"http://www.xxx.com"
}

p{ } で何を使用すればよいですか (URL かリンクか ... )? 出来ますか ?

4

4 に答える 4

2

jqueryで試す

HTML

<p>Google</p>​

Jクエリ

$('p').replaceWith('<a href="http://www.google.com">xxx</a>');​

デモ

于 2012-11-09T07:51:07.563 に答える
0

それは不可能。CSSは、ページの機能を変更するためではなく、オプションのプレゼンテーションの提案のためのものです。リンクは機能です。

実際の問題の解決策を得るには、問題自体を説明する必要があります。想定される解決策(CSSを使用してリンクを設定するなど)ではなく、おそらく機能しない可能性があります。

于 2012-11-09T08:16:15.293 に答える
0

あなたのcssは意味がありません。URL は背景画像にのみ使用できます。次に例を示します。

.myClass {background-image: url(http://www.xxx.com/myImage.jpg); }

それで、あなたは何をしたいですか?

動的なグローバル css ルールを宣言する場合は、javascript でこれを行う必要があります。

このように:インデックスの代わりに名前で document.styleSheets を取得しますか?

ご挨拶!

于 2012-11-09T07:49:43.510 に答える
0

これが静的 CSS で実行できるかどうかはわかりません。jQueryで実行できます。これを試してください:

$(function(){
    $('a').each(function(){
        $this=$(this);
        $p = $('<p></p>').insertAfter($this);
        $p.html($this.text());
        $this.remove();
    });
});

ライブデモ: http://jsfiddle.net/keaukraine/Cmxx9/

これをどうしても CSS で実装する必要がある場合は、CSScontentプロパティを利用する方法を考えてみてください。詳細については、こちらをご覧ください: http://css-tricks.com/css-content/

于 2012-11-09T08:01:15.430 に答える