在Dreamweaver 8里实现背景图片不随滚动条滚动(背景图片固定)..

Posted 2023-04-22

在Dreamweaver 8里实现背景图片不随滚动条滚动(背景图片固定)..,是中文版本的哦
代码插到哪里？？？

参考技术A 用CSS

全体背景固定：

<STYLE type="text/css">
<!--
BODY background:url(/URL) fixed;
-->
</STYLE>

右上背景固定：

<STYLE type="text/css">
<!--
BODY
background-image:url("URL");
background-position:100% 0%;
background-repeat :no-repeat;
background-attachment:fixed;

-->
</STYLE>

右下背景固定：

<STYLE type="text/css">
<!--
BODY
background-image:url("URL");
background-position:100% 100%;
background-repeat :no-repeat;
background-attachment:fixed;

-->
</STYLE>

左下背景固定:

<STYLE type="text/css">
<!--
BODY
background-image:url("URL");
background-position:0% 100%;
background-repeat :no-repeat;
background-attachment:fixed;

-->
</STYLE>

左上背景固定：

<STYLE type="text/css">
<!--
BODY
background-image:url("URL");
background-position:0% 0%;
background-repeat :no-repeat;
background-attachment:fixed;

-->
</STYLE>

中间背景固定：

<STYLE type="text/css">
<!--
BODY
background-image:url("画像URL");
background-position:50% 50%;
background-repeat :no-repeat;
background-attachment:fixed;

-->
</STYLE>

横条背景的使用方法:

<style type="text/css">
<!-- body
background-image: url("画像URL");
background-attachment: fixed;
background-repeat: repeat-y;
background-position: left;
background-color: #ffffff;

-->
</style>

网站在 Dreamweaver 中看起来不错，但

【中文标题】网站在 Dreamweaver 中看起来不错，但

【英文标题】：Website site looks fine in Dreamweaver but

【发布时间】：2012-06-18 02:03:14

【问题描述】：

所以我是第一次创建自己的网站，在遇到一堆问题后，我遇到了一个我不确定如何解决的问题。

ngkevin-art.com/about.html

这是它在 Dreamweaver 中的外观以及我希望它的外观： http://i.imgur.com/wlOIR.jpg

但是当我进入 Live View 或在线观看时，它就崩溃了。任何帮助将不胜感激。

CSS：

@charset "utf-8";
/* CSS Document */




/* General HTML Tag Rules */

body 
  width:auto;
  height:auto;
  background-image:url(images/bg_demo2.png);
  background-color:#2d2d2d;
  background-repeat:no-repeat;
  background-position:center;
  margin-top:30px;



@font-face 
    font-family: Harabara;
    src: url(Harabara.ttf);
    font-weight:200;



h1 
  font-family: Harabara, Helvetica, Arial, sans-serif;
  font-size:150%;
  color:#CECEBC;



h2 
  font-family: Harabara, Helvetica, Arial, sans-serif;
  font-size:100%;
  color:#CECEBC;





.text 
  margin-left:75px;
  width:auto;
  float:left;





#text2 
  width:408px;
  text-align:center;





.text3 
  margin-left:25px;
  width:auto;
  float:left;




#container 
  width:1280px;
  height:960px;
  margin-left:auto;
  margin-right:auto;





#wrapContact 

  width: 520px;
  height: 100px;
  margin-left:735px;
  margin-top: 10px;
  clear: both;



#linked 
  float:left;
  margin-top:35px;
  width: 175px;



#facebook 
  float:left;
  width: 200px;
  margin-left:32px;
  margin-top:25px;





#email 
  float:left;
  width:75px;
  margin-left:35px;
  margin-top:20px;





#wrapNav 


  width: 475px;
  margin-left:750px;
  margin-top:60px;



#demo 
  width: 500px;
  text-align:center;
  margin-top: 70px;
  margin-left:auto;
  margin-right:auto;




#flatbook 
  width:250px;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;




#wrapAbout 
  margin-left:auto;
  margin-right:auto;
  margin-top:75px;
  width: 1100px;
  height:auto;





#picture 
  width:408px;
  margin-top:100px;
  float:left; 

HTML：

我在左中间，我的伙伴们，左边是 Jordan Gabriel，右边是 Edmund Zhu， 最后是 Epic Games VIP，Cliff Bleszinski！拍摄于 GDC 2010。

简历： 邮箱： 关于我：

点击这里 [e-mail] 我想进入游戏开发行业的愿望是与其他以创造游戏为荣的人一起工作， 很多人都可以享受的东西。没有什么比借出我的才华和 为此目的的艺术技能。 我相信创造令人难忘的游戏艺术的关键是故事，无论是角色还是环境。 就像看一本好书或看一部惊心动魄的电影一样，我喜欢沉浸在游戏的世界中。因此， 我对角色扮演游戏情有独钟。我这一代的经典游戏，例如《时空之轮》、《最终幻想》和《塞尔达传说》 向我展示了一个无限想象的世界。 作为故事焦点的人物，他们的目标和动机，他们的考验和磨难， 他们的胜利和失败……这些是我看着他们时不断思考的事情。 没有深度的角色是不存在的，但如果有的话，我只能想象那会是多么无聊。

正文>

【参考方案1】：

试着给你的 .text3 类一个固定的宽度。 450px 看起来差不多。