Question

我正在尝试使用投递箱共享链接将图片和声音文件链接到我的Code pen link。

<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文件中的背景图像或键盘事件的声音文件都不起作用。这适用于我的本地文件与本地声音/ img。

我正在尝试使用dropbox上传它们，因为您无法将文件直接上传到CodePen。

这不受支持吗？我可以发誓我之前已经看过这件事，或者说我做错了什么并且无知。

Answer 1

您可以使用图片的精确网址，以便工作正常。

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

以上网址是您可以在css中替换的确切图片网址。

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;

希望它对你有所帮助。

Answer 2

查看此Codepen。我使用以下代码：

＆＃13;

UIColor *transparentRed = [[UIColor redColor] colorWithAlphaComponent:0.0];

＆＃13;

无法将照片或图像链接到CodePen

2 个答案: