Closed
Bug 279250
Opened 20 years ago
Closed 20 years ago
Slow resizing of browser window with transparent images as background in css.
Categories
(Core :: Graphics: ImageLib, defect)
Tracking
()
People
(Reporter: uruviel, Assigned: pavlov)
References
()
Details
(Keywords: qawanted, testcase)
Attachments
(2 files, 1 obsolete file)
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b) Gecko/20050119 Firefox/1.0+
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b) Gecko/20050119 Firefox/1.0+
When viewing a site which uses transparent images (gifs or PNG) the resizing of
the browser window is terribly slow. I've provided a test case. But I first
experienced this problem with: http://www.uruviel.com/test/
Reproducible: Always
Steps to Reproduce:
1.Open a site which uses transparent images as background
2.Resize the browser window
3.
Actual Results:
The resizing is slower then normal
Reporter | ||
Comment 1•20 years ago
|
||
Reporter | ||
Comment 2•20 years ago
|
||
Reporter | ||
Comment 3•20 years ago
|
||
Comment on attachment 171993 [details]
Testcase HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Testcase</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
ul {
list-style-type:none;
padding: 0; margin: 0;
}
ul li {
height: 281px; width: 207px;
float: left;
}
ul li a {
background:
url("https://bugzilla.mozilla.org/attachment.cgi?id=171994") no-repeat;
display: block; width:100%; height:100%;
}
-->
</style>
</head>
<body>
<ul>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
</ul>
</body>
</html>
Reporter | ||
Comment 4•20 years ago
|
||
Comment on attachment 171993 [details]
Testcase HTML
><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
><HTML><HEAD><TITLE>Testcase</TITLE>
>
><META content="text/html; charset=iso-8859-1" http-equiv="Content-Type"/>
><STYLE type="text/css">
><!--
>ul {
> list-style-type:none;
> padding: 0; margin: 0;
>}
>ul li {
> height: 281px; width: 207px;
> float: left;
>}
>ul li a {
> background: url("https://bugzilla.mozilla.org/attachment.cgi?id=171994") no-repeat;
> display: block; width:100%; height:100%;
>}
>-->
></STYLE></HEAD>
>
><BODY>
><UL>
> <LI><A href="#"> </A></LI>
> <LI><A href="#"> </A></LI>
> <LI><A href="#"> </A></LI>
> <LI><A href="#"> </A></LI>
> <LI><A href="#"> </A></LI>
> <LI><A href="#"> </A></LI>
> <LI><A href="#"> </A></LI>
> <LI><A href="#"> </A></LI>
> <LI><A href="#"> </A></LI>
> <LI><A href="#"> </A></LI>
> <LI><A href="#"> </A></LI>
> <LI><A href="#"> </A></LI>
> <LI><A href="#"> </A></LI>
> <LI><A href="#"> </A></LI>
> <LI><A href="#"> </A></LI>
> <LI><A href="#"> </A></LI>
> <LI><A href="#"> </A></LI>
> <LI><A href="#"> </A></LI>
> <LI><A href="#"> </A></LI>
> <LI><A href="#"> </A></LI>
></UL>
></BODY></HTML>
Reporter | ||
Updated•20 years ago
|
Attachment #171993 -
Attachment is obsolete: true
Reporter | ||
Comment 5•20 years ago
|
||
Sorry for the spamming. I was unaware that I should use absolute url's in the
image link
Reporter | ||
Comment 6•20 years ago
|
||
*** This bug has been marked as a duplicate of 64401 ***
Status: UNCONFIRMED → RESOLVED
Closed: 20 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•