1 背景颜色答案

【问题标题】：1 background color1 背景颜色
【发布时间】：2012-11-11 06:40:36
【问题描述】：

我正在尝试使用一种背景颜色制作网页。示例：

<?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 中我发现了这个：服务器名/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。这个想法是在网页周围设置一个蓝色边框。该页面具有固定大小。屏幕的其余部分只是蓝色。（蓝色的数量取决于屏幕分辨率）也许有更好的方法来做到这一点？

【问题讨论】：

标签： xpages

【解决方案1】：

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

【讨论】：

在 chrome 中，我看到应用了背景图像： background-image: url(/domjava/xsp/theme/oneui/images/background.png);当我取消标记 this 时，页面应该是这样。我尝试以不同的方式在 css 中完成这项工作，但我无法让它发挥作用。
匹配选择器并重新定义背景图片。 stackoverflow.com/questions/1461077/…

【解决方案2】：

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

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

我建议两件事：

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

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

【讨论】：

我尝试了您的建议（lotusContent 等），但无法正常工作（另请参阅我上面的编辑）