【博客知识】如何在背景图片上加载图片

如何在背景图片上加载图片

三月飞春雪

近期，有位博友问我：“怎样在一张图片上上传图片？”其实，就是如何在背景图片上加载另一张图片！通过改编试验，我得到如下代码，并探索出调正方位的方法，现与各位博友分享：

一，例一效果

二，例一代码：

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

三，例一代码注释：

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

四，使用方法：

1，登录你的博客，点开你的博客首页导航栏上的“日志”，点“写日志”，点“< >”，在日志代码编辑框内点上光标,将上述源代码复制后，粘贴在日志代码编辑页面。点“预览”，看效果。点“返回编辑状态”继续编辑。

2，选择你博客相册中的图片或其他网站上的图片均可（图片格式为 jpg jpeg gif 或其他网易支持的图片格式），因为加载的图片会覆盖背景图片，所以加载的图片一般要选择具有透明背景的图片。选好后，点开选中的图片（动态图须处于动态时），鼠标对着图片点右键，左键点菜单上的属性，复制属性菜单上的图片地址(URL)，就是其后面的代码。

3，按照上面源代码注释位置，用你选择的两张图片的地址分别替换背景图片的地址和加载图片的地址。点“预览”，试看效果。点“返回编辑状态”继续编辑。

4，在所选图片的原有规格内，根据画面情况，分别调整两张图片的高度值和宽度值。

5，调整加载图片在背景图片中的位置：

（1）左中右的调整码：左：align=left 中：align=center 右：align=right

（2）上下调整：

完成上述程序后，注意：须点关“< >”,进入文字编辑页面，在加载图片右尾部点上鼠标光标后，敲击键盘上的回车键，可将加载图片上移。使用方向键，将鼠标光标移到加载图片的左端后，敲击键盘上的回车键，可将加载图片下移。使用方向键，将鼠标的光标移到加载图片的左端后，敲击键盘上的空格键，可将加载图片右移。敲击键盘上的删除键，可将加载图片左移。

6，调整很好图片后，点“保存草稿'或"发表日志"

五，例二效果（背景图不变，更新了加载图）

六，例二代码：

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

七，例三效果（两层加载图）：

八，例三代码：

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

九，只要增加若干组代码，还可以加更多层图片。

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。