0

我正在尝试制作具有一种背景颜色的网页。例子： 

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core"
    xmlns:xc="http://www.ibm.com/xsp/custom"
    style="background-color:rgb(0,85,165)" disableTheme="true">
</xp:view>

结果是一个页面顶部的 oneui v2 颜色从浅蓝色变为白色，然后是指定为背景颜色的颜色。我怎样才能得到我想要的结果？顺便说一句，当 xpage 不应用该颜色时，为什么他们可以选择背景颜色？

编辑： 在chrome中我发现了这个：servername/xsp/.ibmxspres/.mini/css/@Da&@Ib&2Tdcore.css&2TdcoreLTR.css&2TddefaultTheme.css&2TddefaultThemeLTR.css&2Tdxsp.css&2TdxspLTR.css&2TdxspSF.css.css

身体{颜色：RGB（34、34、34）；

背景图像：url（/domjava/xsp/theme/oneui/images/background.png）；}

当我取消标记此背景图像时，一切都会按应有的方式显示。我仍然不知道如何让它工作。

顺便说一句，我的“网页”的其余部分位于一个白色背景的面板中，我在其中使用 oneui。这个想法是在网页周围设置一个蓝色边框。该页面具有固定大小。屏幕的其余部分只是蓝色。（蓝色的数量取决于屏幕分辨率）也许有更好的方法来做到这一点？

4

2 回答 2

2

OneUI 布局由许多部分组成，每个部分都在一组相当复杂的 CSS 中定义了自己的格式。因此，您必须确定正确的选择器集和您自己的 CSS 来为每个元素定义背景颜色。第一步应该是使用 Chrome/IE 中的开发工具或 Firefox 中的 Firebug 来识别格式不正确的组件。

于 2012-11-22T22:55:14.023 回答
2

您至少需要为以下元素设置背景颜色（可能更多）

.lotusContent .lotusMainContent .lotusColLeft .lotusColRight .lotusMain .lotusTitleBar .placeBar .lotusBanner

我建议两件事：

1）如果您想使用该背景 - 不要使用 OneUI。它在创建时考虑了主题，并且对主题的实现方式非常挑剔 - 弄乱 OneUI 主题非常困难。

2) 如果您要在页面上放置文本，请不要使用该颜色作为背景 - 任何文本对比色都将难以阅读并导致用户体验困难。查看此链接以获得使用颜色来提高可读性的一些帮助 - http://www.1stwebdesigner.com/design/improve-website-readability-through-colors/

于 2012-11-23T02:19:04.317 回答