html - 混合コンテンツ SSL エラー

Question

最近、自分の Web サイト (単なる標準サイト) のホスティングに SSL 証明書をインストールしました。それは完全にインストールされて.htaccessおり、次のコードを使用してユーザーに強制するようにファイルを更新しました。

RewriteEngine On
RewriteCond %{HTTP:X-Forwarded-Proto} !https
RewriteRule ^(.*)$ https://DOMAINHERE/$1 [R=301,L]

自分のサイトにアクセスすると、南京錠が緑から黄色に変わります (ログには、混合コンテンツがあると書かれています)。私の場合、明らかに HTTP 経由でロードされているのは 3 つの画像です。

これは、問題を引き起こしている 3 つの画像の HTML にあるコードです。ローカルでホストされている他のイメージには問題がないことに注意してください。

<!-- Slide 1 -->
        <li>
            <div style="background-image: url('images/homepage/slider-1/balcony-1.jpg')" class="header">
                <div class="header-center">
                    <div class="text-white">

                    </div>
                </div>
            </div>
        </li>

混合コンテンツで受け取ったエラーは、最初のスライダーの最後の 2/4 が SSL 経由でロードされず、2 番目のスライダーの最後の 1/3 が SSL 経由でロードされないことを示しています。

これは本当に奇妙だと思い、次のことを試みました。

//directories/imagehere.png

エラーは解消されますが、画像は表示されません。ログでは、画像を見つけようとしたため、画像が見つからなかったことを報告しています

http://directories/imagehere.png

誰かが何が起こっているのか知っていれば、信じられないほど感謝します。追加情報が必要な場合は、お知らせください。

ありがとう！