处理ASP.NET MVC中的CSS和图像
发布时间:2020-12-16 03:35:57 所属栏目:asp.Net 来源:网络整理
导读:嗨,我正在开发一个基于ASP.NET MVC的简单应用程序.我已将默认的master.css更改为我自己的样式.现在唯一的问题是我将背景图像属性添加到我的UL- Li- A中以创建菜单.它在Firefox中工作正常,但在Internet Explorer(IE7 / 8)中根本没有显示图像. 有谁知道出了什
嗨,我正在开发一个基于ASP.NET MVC的简单应用程序.我已将默认的master.css更改为我自己的样式.现在唯一的问题是我将背景图像属性添加到我的UL-> Li-> A中以创建菜单.它在Firefox中工作正常,但在Internet Explorer(IE7 / 8)中根本没有显示图像.
有谁知道出了什么问题? 我的CSS正在关注; #nav-menu ul { list-style: none; padding: 0; margin: 0; color:White; } #nav-menu li { /*float: left;*/ margin: 0.15em 0.15em; display:block; } #nav-menu li a { background-image: url('/Images/leftbarlightblue.jpg'); background-repeat:no-repeat; background-position:bottom; height: 2em; line-height: 2em; width: 12em; display: block; text-decoration: none; text-align: center; color: white; } #nav-menu li a:hover { background-image: url('./Images/leftbardarkblue.jpg'); background-repeat:no-repeat; background-position:bottom; height: 2em; line-height: 2em; width: 12em; display: block; color: white; text-decoration: none; text-align: center; } #nav-menu { width:15em } 而XHTML是 <div id="menucontainer"> <div id="nav-menu"> <ul> <li><%= Html.ActionLink("Home","Index","Home")%></li> <li><%= Html.ActionLink("About Us","About","Home")%></li> </ul> </div> </div> >是的我试过./Images / …但它仍然没有用. Solution -> Content Site.css Images logo.jpg leftbarlightblue.jpg ->Controllers -> Models ->Views Home Shared Site.Master 解决方法
如果您经常使用CSS我真的建议使用FireFox和FireBug,它将使您能够动态查看样式表并确切了解某些事情无法正常工作的原因.
接下来你仔细检查了图片的URL是否正确?一种快速检查的方法是获取绝对URL(在浏览器中浏览它以确保它应该类似于http://myapp/content/images/leftbarlightblue.jpg)并将其放在代码而不是旧图像URL中.如果加载那么可能你的相对路径是错误的(../部分),因为我不知道你的文件夹结构我无法帮助你应该是什么. 在单独的注释中,背景位置应该具有水平位置,后面是位置. 背景位置:左下角; (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- asp.net-core – 如何在EF Core 2.1.0中为Admin用户播种?
- asp.net-mvc – WebAPI窗体身份验证SimpleMembershipProvid
- asp.net-mvc – ASP.NET MVC可以在视图中使用接口作为模型吗
- asp.net-mvc – ASP.NET MVC – 表单和模型绑定器中的多个模
- ASP.NET – 如何引用不在app_code中的类
- 什么是ASP.NET-MVC 5.1中的ManageController.cs及其创建原因
- asp.net – 如何从外部计算机连接到Amazon EC2 Windows Ser
- .net – SignalR长轮询在5秒内断开连接
- asp.net-mvc – ASP.NET MVC:具有POST Action参数的Redire
- .net – 日志框架与System.Diagnostics跟踪