在DW里应用CSS后背景图像变窄

来源:百度知道 编辑:UC知道 时间:2024/05/05 19:07:15
在DW里,我为背景图像新建了一个CSS样式,本来是个大图,但是应用样式后,背景图像变成了一个小窄条,这是为什么?

}<style type="text/css">
<!--
.images {
background-attachment: scroll;
background-image: url(file:///E|/present/images/1.jpg);
background-repeat: no-repeat;
background-position: center top;
-->
</style>
<body tracingsrc="file:///E|/present/images/1.jpg" tracingopacity="0" tracingx="236" tracingy="14">
<p class="images"> </p>

这个是我CSS的代码

请教各位高手~!

狂晕
测试半天才看出来
你的IMAGE应用到了<p>
- -!
<style type="text/css">
<!--
body {
background-attachment: scroll;
background-image: url(file:///E|/present/images/1.jpg);
background-repeat: no-repeat;
background-position: center top;
-->
</style>

改成上面的就行了

<p CLASS="images"></p>

改P为DIV试下..

样式表更改

background-repeat:repeat;

你的<p class="images"> </p>既没有设置高度~也没有内容撑开高度~~背景当然显示不出来..估计你是在DW里看到窄条~~在浏览器里看就什么都没有了

因为你是针对<p></p>标签设的样式表,而<p></p>标签在默认情况下它只显示一行(我说的默认是没有文字的情况下)。
我不知道你到底要什么效果,如果只针对<p></p>标签里面的文字的话,这样设没有错。你在<p></p>标签里面多写一点文字就可以看到图片了。如果你要设整个页面的背景,就不能这么设了。应该是
<style type="text/css">
<!--
body {
background-attachment: scroll;
background-image: url(file:///E|/present/images/1.jpg);
background-repeat: