图片显示在CSS，HTML中

Question

由于某种原因，我无法将注意力集中在CSS和HTML上。 我试图在我的母版页中为HTML div显示图像。 我正在使用Visual Studio，它们位于不同的文件中。

HTML：

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <div class="image" href="/css/masterCSS.css">

    </div>
    <form id="form1" runat="server">
    <div>
        <br />
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">    
        </asp:ContentPlaceHolder>
    </div>
    </form>
</body>
</html>

CSS：

div.image {
    content:url(http://i.imgur.com/6d3unPC.jpg)
}

档案：

我在div上尝试过runat =“ server”，它没有任何改变。

Answer 1

在HTML中，您通常在head标签中链接CSS文件，而您似乎没有这样做：

<head runat="server">
    <title></title>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
    <link rel="stylesheet" type="text/css" href="/css/masterCSS.css">
</head>

从那里开始，您应该可以执行以下操作：

<div class="image"></div>

您可以在此处了解有关链接样式表的更多信息

Answer 2

这是创建简单图像的怪异方法。 我认为在大多数情况下，最好只使用常规图像标签： http ： //www.w3schools.com/tags/tag_img.asp

此外，您可能希望按照本文的建议对实现进行一些更改： https : //css-tricks.com/almanac/properties/c/content/#article-header-id-2

但是，为了回答您的实际问题，您的代码无法正常工作，因为您的HTML从未引用文档开头的样式表。 您需要像这样添加指向样式表的链接：

<link rel="stylesheet" href="/css/masterCSS.css" type="text/css">

Answer 3

如果我完全了解您想要做什么，请尝试以下方式：

<div class="image">
 <a href="/css/masterCSS.css">
 <img src="insert path to your image">
 </a>
</div>

这是一种确实需要CSS来广告内容的方法...以防万一您想用这种方式做到这一点，只需使用CSS并在我的HTML代码第3行中...

希望对您有所帮助：）

Answer 4

在这里，您可以使用.net image标签预览图像。

<asp:Image ID="Image1" ImageUrl='<%# Eval("Give Your Url or path of the image here") %>' runat="server" Height="100" Width="100" />

Answer 5

在div标签内尝试

<asp:Image runat="server" ImageUrl="~/Images/logo.jpg"/>

图片显示在CSS，HTML中

问题描述

5 个解决方案

解决方案1
2 2016-10-31 12:00:48

解决方案2
2 2016-10-31 12:01:19

解决方案3
1 已采纳 2016-10-31 12:00:54

解决方案4
1 2016-10-31 12:05:08

解决方案5
1 2016-10-31 12:05:24

图片显示在CSS，HTML中

问题描述

5 个解决方案

解决方案1 2 2016-10-31 12:00:48

解决方案2 2 2016-10-31 12:01:19

解决方案3 1 已采纳 2016-10-31 12:00:54

解决方案4 1 2016-10-31 12:05:08

解决方案5 1 2016-10-31 12:05:24

解决方案1
2 2016-10-31 12:00:48

解决方案2
2 2016-10-31 12:01:19

解决方案3
1 已采纳 2016-10-31 12:00:54

解决方案4
1 2016-10-31 12:05:08

解决方案5
1 2016-10-31 12:05:24