`
isiqi
  • 浏览: 16550814 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

所有网页背景图放入一张图片,如何调用

阅读更多

最近开看到一些网站标题栏的背景图很好看,想弄下来研究下,可下载后发现网页所有栏目标题栏的背景都在一张图片里面,感觉特别的爽,这样可以提高网站的加载速度,比如yahoo的页面,就是这样弄得,很有新意,就像这个

今天在往上看到篇文章才恍然大悟,原来不是用到什么高深的技术,只要通过CSS定义样式表就可以实现了,下面将源码公布,供大家研究

.bg{...}{
background-image
:url(a.jpg);
background-repeat
:no-repeat;
background-attachment
:fixed;
background-position
:-100px0px;

}

分享到:
评论

相关推荐

    JS根据鼠标放上切换内容制作的图片导航.rar

    在这个"JS根据鼠标放上切换内容制作的图片导航.rar"压缩包中,我们探讨的是如何利用JavaScript来创建一个响应用户鼠标悬停事件的图片导航系统。 首先,我们需要理解JavaScript事件处理。在这个案例中,`mouseover` ...

    带左右控制箭头的图片滚动特效

    每个图片通常会被包裹在单独的`<img>`标签内,然后放入容器中。 2. **CSS 样式**:CSS用于设置图片的布局和箭头的样式。图片通常会设置为绝对定位,使其可以在容器内水平滚动。左右箭头可以用`<button>`或`<a>`标签...

    javascript实现图片轮播代码

    在HTML代码中,我们使用了一个`<div>`标签作为轮播的容器,并在其中放入了一个`<img>`标签用来展示图片,以及两个按钮`<button>`分别用来切换上一张和下一张图片。这两个按钮分别设置了`onmousedown`和`onmouseout`...

    《程序天下:JavaScript实例自学手册》光盘源码

    1.6 保护自己的网页不被放入框架 1.7 保护自己的网页不被放入框架 1.8 打印页面的出错原因 1.9 当前网页调用其他网页 1.10 倒计时载入页面 1.11 定义网页的关键字 1.12 进入页面同时弹出欢迎对话框 1.13 禁止网页...

    程序天下:JavaScript实例自学手册

    1.6 保护自己的网页不被放入框架 1.7 保护自己的网页不被放入框架 1.8 打印页面的出错原因 1.9 当前网页调用其他网页 1.10 倒计时载入页面 1.11 定义网页的关键字 1.12 进入页面同时弹出欢迎对话框 1.13 禁止网页...

    js实现选项卡+无缝轮播特效

    在网页设计中,选项卡和无缝轮播图是常见的交互元素,它们能够有效地展示大量信息,同时保持页面的整洁和用户友好。本教程将详细讲解如何使用JavaScript来实现这一功能,特别是模仿淘宝网站上方的选项卡和内部图片的...

    DZ模板制作教程由

    - **预览图设置**:为了在风格管理页面显示预览图,需要创建一张110x120像素大小的图片,命名为`preview.jpg`,并将其放入模板目录下。 **3.2 风格配置** - **编辑风格**:选择刚创建的风格方案,点击“编辑”进入...

    《浩海网络多格式播放器》V3.9.4.5

    支持文件播放中的拖拽功能4,播放列表放入了三循环状态V2: 全面改进了播放器的安装使其的安装和设置更加的人性化更方便的音乐管理(相对于V1而言)《在线多格式音频播放器》V2应当算作我们的一款非常经典的播放器了!...

    基于nodejs的雪碧图制作工具的示例代码

    3. 将所有需要合并的小图标放入`imgs`目录。 4. 使用npm安装`simple-sprite`包:`npm install --save simple-sprite`。 5. 在JavaScript代码中引入`simple-sprite`并调用其`generateSprite`方法,传入图标目录路径,...

    java实用教程

    将所有相关的类文件放入一个目录。 2. 使用`jar`命令创建JAR文件。 - **使用JAR文件**: 1. 通过`java`命令指定JAR文件路径。 2. 更新、查看JAR文件内容。 #### 第五章:数组与字符串 **5.1 声明数组** - **...

Global site tag (gtag.js) - Google Analytics