Trang web này sẽ có chức năng hạn chế trong khi chúng tôi trải qua bảo trì để cải thiện trải nghiệm của bạn. Nếu một bài viết không giải quyết được vấn đề của bạn và bạn muốn đặt câu hỏi, chúng tôi có cộng đồng hỗ trợ của chúng tôi đang chờ để giúp bạn tại @FirefoxSupport trên Twitter và /r/firefox trên Reddit.

Tìm kiếm hỗ trợ

Tránh các lừa đảo về hỗ trợ. Chúng tôi sẽ không bao giờ yêu cầu bạn gọi hoặc nhắn tin đến số điện thoại hoặc chia sẻ thông tin cá nhân. Vui lòng báo cáo hoạt động đáng ngờ bằng cách sử dụng tùy chọn "Báo cáo lạm dụng".

Tìm hiểu thêm

Is there any prospective solution to the old problem that graphics disappear when the browser window is resized?

  • 3 trả lời
  • 5 gặp vấn đề này
  • 10 lượt xem
  • Trả lời mới nhất được viết bởi saxofon

more options

example: www.satlinker.de If the browser window is smaller than the content, the header image looks fine. My css style sheet looks like that:

#banner {
 padding-left:10px;
 text-align: left;
 font-weight: bold;
 border: 1px solid #000;
 background: transparent url(/media/header.svg) top left no-repeat;
 height: 70px; /*workaround to adjust width*/
 -webkit-background-size:100% 100%;
 -moz-background-size:100% 100%;
 -o-background-size:100% 100%;
 background-size:100% 100%;
}

It has nothing to do with svg images, similar problems with png. In former versions setting the height worked as a workaround, but no more in vesion 17. There are various problems like that described in the net: e.g. Bug 282558 - Scaled image dissappears on browser resize. But I cannot find any solutions - and this bug is described in 2005!!!

example: www.satlinker.de If the browser window is smaller than the content, the header image looks fine. My css style sheet looks like that: <pre><nowiki>#banner { padding-left:10px; text-align: left; font-weight: bold; border: 1px solid #000; background: transparent url(/media/header.svg) top left no-repeat; height: 70px; /*workaround to adjust width*/ -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -o-background-size:100% 100%; background-size:100% 100%; }</nowiki></pre> It has nothing to do with svg images, similar problems with png. In former versions setting the height worked as a workaround, but no more in vesion 17. There are various problems like that described in the net: e.g. Bug 282558 - Scaled image dissappears on browser resize. But I cannot find any solutions - and this bug is described in 2005!!!

Được chỉnh sửa bởi saxofon vào

Giải pháp được chọn

I was wrong, it was a problem with the svg format. I tried several other formats, each makes its own problems. I tried to cleanup the svg code with converter tools and at last manually with an editor - nothing works. Gif and jpg made other problems, so finally I found an image converter at http://www.files-conversion.com/, that produces an acceptable png format.

I think that rendering images should be improved.

Đọc câu trả lời này trong ngữ cảnh 👍 1

Tất cả các câu trả lời (3)

more options

The best option is to comment in that bug, say that you can reproduce in Firefox 17 (and also test with Firefox nightly) and see what the devs say.

more options

Sorry, now I found how to edit my original post.
The url must be www.satlinker.de
The link to the image itself is: http://www.satlinker.de/media/header.svg . All works fine with IE.

Được chỉnh sửa bởi cor-el vào

more options

Giải pháp được chọn

I was wrong, it was a problem with the svg format. I tried several other formats, each makes its own problems. I tried to cleanup the svg code with converter tools and at last manually with an editor - nothing works. Gif and jpg made other problems, so finally I found an image converter at http://www.files-conversion.com/, that produces an acceptable png format.

I think that rendering images should be improved.

Được chỉnh sửa bởi saxofon vào