c# - 外部 css 与服务器端样式添加

Question

如果样式 display:none 设置为外部样式表而不是内联样式，为什么点击后图像不显示？

Answer 1

要显示被 display: none; 隐藏的图像，有必要将显示属性恢复为其原始显示属性。

display: block;  /* use if you made the image if it floated or acts like a <div> */
display: inline; /* default image display type (USE THIS ONE) */

我注意到在你的代码中:

targetid.Style.Add("display", "");

您试图通过声明显示属性“空白”来显示图像。这不起作用，因为 display: NULL 不是 CSS 属性，会导致浏览器忽略它的值并恢复使用 display: none;。图像保持隐藏状态，您的预期行为不会应用。

进一步讨论

虽然我希望我的解决方案有助于解决问题，但我确实有一个解决方案:

而不是使用“display: none;”要隐藏元素然后通过将值恢复为其原始属性来取消隐藏，请执行以下操作:

添加一个名为“.hidden:

.hidden { display: none;}

每当你想让一个元素消失时，只需将类“.hidden”添加到该元素即可。当您想再次显示该元素时，只需删除该类即可。

优点有两个:

• 删除了恢复到原始值和必须区分显示的要求:内联、 block 、内联 block 等。
• 标准化整个网络应用程序中的隐藏组件。

问候，祝你好运。