CSS 背景图片

标签 css xhtml

我正在为一位艺术家做一个元素,该元素已在设计完成后交给我。我收到了 .psd 文件中的设计,准确地说,尺寸是 huuuuuuuge 2504px x 1781px!

由于上面有很多图案和渐变,我有点不确定如何设置图像。我已经把图片放到网上了,我认为当务之急是调整它的大小以适应更现代的屏幕尺寸。

图像已附上,非常感谢任何有关如何管理图像的帮助或建议。

Background Image

干杯

最佳答案

对于不同的宽高比,这不是一个非常灵活的设计,在宽屏显示器上拉伸(stretch)它看起来不会很漂亮。

我可能会制作多个版本的图像(不同尺寸)并使用 html5 和/或 javascript 技术为访问者提供正确的图像。

我不会将它用作背景图像,而是将它放在其余内容后面的 div 中,这样我就可以将该 div 和图像缩放为 100% 宽。将它放置在左下角应该使最重要的部分(框架)始终清晰可见。

我希望您不需要垂直位置的移动浏览器...

关于CSS 背景图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4890010/

相关文章:

jquery - HTML/CSS 圆 Angular 最佳方式

html - 使布局可扩展的最佳做法是什么?

css - 具有不同高度的 div 的 2 列布局,其中垂直间距始终相同?

html 100% 宽度页眉和页脚

javascript - 如何使用 JavaScript 来回旋转图像

html - 转义用户通过文本字段输入的“&”符号?

javascript - 如何访问 <svg :use> tag from javascript? 的子项

jquery - 样式 select2 多选与单选相同?

css - 将一个元素放置在 2 个文本元素的中间

java - JSF/XHTML - 一个包含相同 xhtml 页面两次的 xhtml 页面