Question

我有一个带有一些指令的.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并更改其中的内容吗？

如果我将我的图像放在母版页上然后没有问题，但我不想在那里...

Answer 1

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

Answer 2

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

<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"/>

Explaination of clientmode

无法使用css更改内容/子页面控件

2 个答案: