Question

我正在尝试制作一个背景色的网页。例如：

<?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& @磅＆安培; 2Tdcore.css＆安培; 2TdcoreLTR.css＆安培; 2TddefaultTheme.css＆安培; 2TddefaultThemeLTR.css＆安培; 2Tdxsp.css＆安培; 2TdxspLTR.css＆安培; 2TdxspSF.css.css

body { 颜色：rgb（34,34,34）;

background-image：url（/domjava/xsp/theme/oneui/images/background.png）; }

当我取消标记此背景图像时，所有内容都应显示。我仍然不知道如何让它发挥作用。

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

Answer 1

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

Answer 2

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

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

我建议两件事：

1）如果要使用该背景 - 请勿使用OneUI。它是在考虑主题的情况下创建的，并且对于如何实现主题非常挑剔 - 弄乱OneUI主题非常困难。

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

1种背景颜色

2 个答案: