Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

Heim > Web-Frontend > HTML-Tutorial > css背景图片先加载完成后渲染问题，希望大家看看_html/css_WEB-ITnose

css背景图片先加载完成后渲染问题，希望大家看看_html/css_WEB-ITnose

WBOY

Freigeben： 2016-06-24 12:11:27

Original

2302 Leute haben es durchsucht

我有三张背景图片，但是，因为x和y轴都要平铺，所以不能用css sprites。但是，我想这三张背景图片同时显示，要么不显示，要么同时显示。所以我想要先加载完这三张图片，再开始 css的渲染。怎么样才能做到呢？
谢谢大家~

回复讨论(解决方案)

<!DOCTYPE HTML><html>    <head>        <meta charset="gb2312" />        <title></title>    </head>    <body>        <div id="test" style="width:120px; height:120px;"></div>        <script>            function $(el){                return typeof el == 'string' ? document.getElementById(el) : el;            }                        var img = new Image;            img.src = 'http://avatar.profile.csdn.net/D/2/3/2_yiqiejieruying.jpg';            img.onload = function(){                $('test').style.backgroundImage = 'url('+img.src+')';            }        </script>    </body></html>

Nach dem Login kopieren

参考下。

HTML code

nbsp;HTML>

……
恩，虽然不行，不过还是谢了(*^__^*) 嘻嘻……

Verwandte Etiketten：

css背景图片先加载完成后渲染问题，希望大家看看

Quelle：php.cn

Vorheriger Artikel：加载不到CSS代码_html/css_WEB-ITnose Nächster Artikel：<a href="detailUserAction?id=${userMap[keyUser.userName].id}">查看详情</a>是什么意思_html/css_WEB-ITnose

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors