asp.net网站css中background-Image:url路径的问题

Posted 2023-04-21

第一中，如下所示的目录结构，background-Image：url的路径怎么写

第二种，这种情况下怎么写

就是第二种目录，让我头痛，怎么写背景图总是显示不了，求解！

同级文件夹的话，直接写名字就好了，就是你的第一种情况url就是img.jpg，
如果不同级，也分两种，一种是图片文件夹与页面同级，那就写文件夹/图片名，img/img.jpg
一种是页面属于一个文件夹，图片属于一个文件夹，这种情况是首先页面要退到和图片文件夹同一阶层，退回的表示是..,也就是../img/img.jpg,退回多少层，就用多少个..,例如要退回两次才能和img文件夹同一阶层，就是../../img/img.jpg 参考技术A 第一种：index.Master 引用的CSS 写法：
<link href="../Css/index.css" rel="stylesheet" type="text/css" />

第二种：index.Master 引用的CSS 写法：
<link href="../Css/index.css" rel="stylesheet" type="text/css" />

css里关于图片的样式地址写法是一样的 参考技术B 第一种：
background-image:url("44444.gif");
第二种：
background-image:url("../systemimage/44444.gif");本回答被提问者和网友采纳 参考技术C 这两个情况css文件中的图片路径写法应该是相同的，只是母版页调用css文件的路径不同而已。
在母版页中调用css，css中有一个background-Image？
在母版页调用css成功的情况下，css中的这个路径可以写成background-Image:url(../systemimage/图片) 参考技术D 第一种直接写图片名就行
如：44444.gif
第二种
../systemimage/44444.gif

建议你先去学一下“相对路径”

ASP.NET动态网站课程设计——个人网页

　　时光荏苒，岁月如梭，又是学期期末时，没错，我又来补课程设计了，hhh。

　　本文主要讲述如何在用H5+CSS3写的静态网站的基础上，结合ASP.NET动态网站开发，制作一个动态的个人网页。

　　首先需要熟悉一下Virtual Stdio这个编译环境。打开VS，建立一个站点，创建一个空白网站，记得选用C#语言。然后可以看到熟悉的H5的基本框架，略有不同的是有些标签中有一些新的属性，比如runat="server"和form等。

　　然后将静态网页中body中的语句先粘贴过来，随后再按需要将标签换为服务器控件，然后将引用的css文件和样式也放在头部的位置，然后点击运行，可以看到动态网站的框架基本就搭建好了。

　　如何修改控件的样式呢？之前添加样式是各种选择器，比如盒子的id名称，这里需要在服务器控件中添加cssClass属性，然后编写对应的属性即可。

　　最后需要说明的是如何建立数据库，如何使用调用数据库中的信息然后呈现出来。这里我们先在站点文件夹里新建一个文件夹App_Data，再将建立的好的数据库放在里面即可。这里使用Access数据库，原则上Mysql，Oracle，SQLserve都可以，只不过不同数据库的连接串不同而已。

　　那么如何使用Access建立数据库呢？打开软件，建立新的数据库，命名，然后创建表，添加字段命名表名并保存。

　　怎么取出数据并显示在网页上呢？在创建的新网页上添加一个GridView，绑定字段和数据来源即可。在对应cs文件中添加事件，另外需要注意的是，当发生分页时，需要处理对应的页面索引变更处理代码如下：

1 protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
2     
3         GridView1.PageIndex = e.NewPageIndex;
4         GridViewBind();
5     

　　其他的页面就是将主框架复制一下，然后将内容部分修改成该页面的内容即可。

　　通过这次课程设计，了解了H5和CSS3在ASP.NET中的应用，以及如何使用C#语言来操作数据库，最后完成一个动态的个人网页课程设计。

　　如果有需要的小伙伴可以在这个网盘链接中下载，提取码4hyl，希望对你有用。