1

私の問題

Sitecore を使用しており、コンテンツ エディターがリッチ テキスト ボックス フィールドに入力しています。

このリッチテキスト ボックス フィールドは、コンテンツ スタイルをより詳細に制御するために html を挿入するオプションを提供します。そこで、CSS を入れることにしました。

以下の html と CSS を提供します。.buttonおよびに関連する以下の画像を追加する CSS.button145x28は機能しません。

奇妙なことは、背景画像を使用して画像を追加する同じ方法を実行すると、機能する.cutOffCornerことです。

以下が実際に機能するのを妨げているものを確認しようとしています。

リッチ テキスト ボックス コントロールは、telek の asp.net コントロールです。Sitecore バージョン 6.4.1 update 3 を使用しています。

マイコード

HTML/CSS

すべての html がそこにあるとは限らないことに気付く人もいるかもしれませんが、下のリンクにボタン画像を表示することができれば、残りの html で動作させることができると確信しています。

<style>

.GenericSignupCallToAction .button a {padding: 6px 20px 10px 22px; border: none; background-image:url('~/media/Images/Content/Register-generic-page/button_off.ashx'); background-repeat: no-repeat; width:auto; text-decoration: none; color:#ffffff; font-weight:bold; font-size:13px;}

.GenericSignupCallToAction .button a:hover {padding: 6px 20px 10px 22px; border: none; background-image:url('~/media/Images/Content/Register-generic-page/button_on.ashx'); background-repeat: no-repeat; width:auto; text-decoration: none; color:#ffffff; font-weight:bold; font-size:13px;}

.GenericSignupCallToAction .button145x28 a {padding: 8px 30px 10px 26px; border: none; background-image:url("~/media/Images/Content/Register-generic-page/button_off_145x28.ashx"); background-repeat: no-repeat; width:auto; text-decoration: none; color:#ffffff; font-weight:bold; font-size:13px;}

.GenericSignupCallToAction .button145x28 a:hover {padding: 8px 30px 10px 26px; border: none; background-image:url("~/media/Images/Content/Register-generic-page/button_on_145x28.ashx"); background-repeat: no-repeat; width:auto; text-decoration: none; color:#ffffff; font-weight:bold; font-size:13px;}

.GenericSignUpCallToAction .cutOffCorner { background-image:url("~/media/Images/Landing-Pages/MyHiFX/corner_left_top.ashx"); position:absolute; top:-1px; left:-1px; background-repeat:no-repeat; height: 14px; width: 12px; }

</style>

<div class="GenericSignUpCallToAction">

    <div class="box">

        <div class="cutOffCorner">
        </div>


        <div class="headerText">
            <h1>blah</h1><br /><br />
            <p>blahblah</p>
        </div>


        <div class="button">
            <a href="somelink" title="Sign Up Now">Proceed</a>
        </div>

    </div>
</div>

4

2 に答える 2

0

違いを見つける最もクレイジーなゲーム:

.GenericSignupCallToActionする必要があります.GenericSignUpCallToAction

これにより、この問題は解決しました。

于 2012-05-18T18:53:20.073 に答える
0

スタイルをより具体的にすることで、スタイルをオーバーライドできます。

textarea .GenericSignUpCallToAction.GenericSignUpCallToAction単独よりも具体的です。

body .GenericSignUpCallToAction他のほとんどの宣言よりも具体的です。

参照: http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

于 2012-05-18T17:13:07.167 に答える