0

我有一个带有 .css 文件的母版页，其中包含一些说明。然后我有一个内容/子页面，上面有我只想在内容页面上显示的图像。我想用 css 更改该图像的属性。在我的内容页面中，我声明：

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
<link href="Styles/imageTest.css" rel="stylesheet" type="text/css" />
</asp:Content>
...
<asp:Image ImageUrl="" ID="imageDetails" runat="server" /> //this one in the other contentplaceholder.

在我的 .css 文件中，我有：

#imageDetails
{
width:30px;
height:30px;
}

我可以在我的 css 文件中更改母版页上图像的属性，但不能更改此内容页面上的控件。

这是为什么？不能为每个内容页面都有一个 .css 并在那里更改内容吗？

如果我将图像放在母版页上，那么没有问题，但我不希望它在那里..

4

2 回答 2

0

我相信您的两个内容页面是完全不同的视图，彼此独立。因此，您可能还必须在第二个内容页面中包含该 css 链接才能看到奇迹发生。

于 2012-05-17T16:41:54.227 回答
0

如果您查看源代码，您可能会看到如下内容：

<img src="" id="ctl00_MainContent_ctl04_imageDetails" />

这不是您的 css 正在寻找的东西，这就是它不起作用的原因。

两种解决方案：

1 您可以将 id 名称交换为类名

.imageDetails  {  width:30px!important;  height:30px!important;  }

并尝试：

<asp:Image ImageUrl="Images/modellbyggeSim.jpg" ID="imageDetails" class="imageDetails" runat="server"/>

2 如果您使用的是 .net 4，那么您可以使用 clientmode 标签来保留您的 id

<asp:Image ImageUrl="" ID="imageDetails" ClientIDMode="Static" runat="server"/>

客户端模式的解释

于 2012-05-17T16:48:35.060 回答