【发布时间】:2014-04-20 06:35:54
【问题描述】:
如果我想使用 Photoshop 为网站设计背景,我应该制作什么尺寸的图片?我想为我的网络应用制作渐变背景,但我没有遵循规范。
【问题讨论】:
-
如果它只是一个简单的渐变,您最好使用 css3 渐变创建背景。 colorzilla.com/gradient-editor
-
放下 Photoshop,拿起我们的 CSS3 工具,开始吧。
如果我想使用 Photoshop 为网站设计背景,我应该制作什么尺寸的图片?我想为我的网络应用制作渐变背景,但我没有遵循规范。
【问题讨论】:
看看w3schools - css - background。您需要使用后台重复,否则您将迫使用户下载巨大的图像。因此,制作任意大小的渐变,然后剪掉一块高度相同但宽度较小(background-repeat: repeat-x;。
【讨论】:
在所有屏幕分辨率上使用图案或渐变以获得良好的外观,然后在 CSS 中使用
background-repeat:repeat;
【讨论】:
你应该将背景的宽度设置为5px,高度设置为很长,并将你的css设置为background-reapeat: repeat-x; background: url(your image url here) fixed这是如果你有垂直渐变,如果你有水平渐变,反之亦然。
【讨论】: