0

ドロップ ボックス共有リンクを使用して、コード ペン リンクに画像とサウンド ファイルをリンクしようとしています。

<div class="container">
    <div class="row second-line">                  
        <div class="col-12">
            <div data-key="32" class="key">
                <kbd>BAR</kbd>
                <span class="sound">808</span>
            </div>
        </div>           
    </div>
</div>


<audio data-key="32" src="https://www.dropbox.com/s/qqusqet38wnfexr/8081.wav?dl=0"></audio>

css ファイルの背景画像またはキーボード イベントのサウンド ファイルが機能しません。これは、ローカルのサウンド/画像を含むローカル ファイルで完全に機能します。

ただし、ファイルを CodePen に直接アップロードすることはできないため、ドロップボックスを使用してアップロードしようとしています。

これはサポートされていませんか? 私はこれが以前に行われたのを見たことがあると断言できます。

4

2 に答える 2

0

正常に動作するように、画像の正確な URL を使用できます。

https://photos-2.dropbox.com/t/2/AACwpnCZJSbovN9dSgYlI99tOkrG8qmOjDZQDmRE03cK9g/12/644080844/jpeg/32x32/3/1485946800/0/2/concert.jpg/EO2mxJ0FGA4gBygH/Q3aEGidy4B1EqGjlfgLcFxUvOVFcbpl2vDpixRv4ch8%2CznWx3nvuARPFZAfPD5avW9mleflEhRqDt5xXxIga2K8?dl=0&size=1280x960&size_mode=3

上記の URL は、CSS で置き換えることができる正確な画像の URL です。

background:  url('https://photos-2.dropbox.com/t/2/AACwpnCZJSbovN9dSgYlI99tOkrG8qmOjDZQDmRE03cK9g/12/644080844/jpeg/32x32/3/1485946800/0/2/concert.jpg/EO2mxJ0FGA4gBygH/Q3aEGidy4B1EqGjlfgLcFxUvOVFcbpl2vDpixRv4ch8%2CznWx3nvuARPFZAfPD5avW9mleflEhRqDt5xXxIga2K8?dl=0&size=1280x960&size_mode=3') no-repeat center center fixed;

お役に立てば幸いです。

于 2017-02-01T06:05:13.583 に答える