私の問題
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>