css - 问题 : CSS for a window of a web application

Question

我一直在为一个窗口构建一个框架来保存我的网络应用程序。在 JavaScript 的帮助下，窗口将更改其颜色、大小和在页面上的位置。它非常类似于 Windows 操作系统中的 GUI 应用程序。

边框必须是自定义的，也就是说，它们会根据窗口的颜色改变颜色，但会被遮蔽一点，不透明度约为 50%。

头部的颜色必须与窗口的颜色相同，但会有一个带有一些 alpha channel 值的图像作为背景。 (这将擦亮窗口的头部。)

我的问题在于，我的这个挑战 的 CSS 有点难以通过 JS(应用程序的动态部分)进行管理。所以，我在这里向 CSS 专家寻求帮助。如果您知道如何轻松制作 CSS，将非常感谢您的帮助。就目前而言，我很沮丧找不到编写干净简单代码的方法。

附言我也愿意支持 Internet Explorer 6。

已编辑:请看一下问题的可视化表示:http://savepic.org/261861.jpg您将如何设法为该窗口编写 CSS 代码，以便在 JavaScript 的帮助下轻松更改窗口的大小和颜色？

Answer 1

How would you manage to code CSS for that window so that it's easy enough to change the size and color of the window with the help of JavaScript?

您提到的“透明边界”问题并非完全微不足道，但绝对可以解决。现在我仍然不完全确定您在哪个方向寻求帮助 - 如何构建 CSS 与 JavaScript，或者如何解决您提到的具体问题？

不管怎样，你有没有看过JQuery Dialog ？对于那个单一的问题(有一个窗口并调整它的大小)来说有点多，但它带来了一个成熟的 API 和模板系统，已经解决了许多跨浏览器的问题。

如果您不想使用框架，我会说不要太担心 JavaScript 的可访问性。本质上，当你构建干净的 CSS 时，你可以从 JavaScript 中很好地访问它。关于好的 CSS 的一些想法在 this question 中。 .