在IBM Connections中，将integrating the Profiles business card与外部应用程序一起使用时，使用loadCssFiles=true参数具有对悬浮激活的名片进行样式化的积极效果，就像它们在IBM Connections中一样。不幸的是，由于它会将body标签从
<body>
至
<body class="lotusui lotusui30dojo lotusui30_body lotusui30_fonts lotusui30 lotusSpritesOn">
<span id="semtagmenu" role="tooltip" style="...">...</span>
这具有重新设置页面上所有内容以及将鼠标悬停激活的名片的效果。
在Chrome控制台/ Firebug中应用以下代码片段可解决此问题：
// all the offending CSS classess
var themLotusClasses = 'lotusui lotusui30dojo lotusui30_body lotusui30_fonts lotusui30 lotusSpritesOn';
// remove from the body tag
jQuery('body').removeClass(themLotusClasses);
// wrap *only* the Business Card HTML
jQuery('#semtagmenu').wrap('<span class="' + themLotusClasses + '"></span>');
这仅针对名片，因此IBM Connections特定的样式不会影响页面布局的其余部分。
是否有一种更优雅的方法来将所有其他Lotus类仅定位为
span#semtagmenu节点？我真的很想要名片样式。但我只希望将其应用于名片。
最佳答案
好的，我发现最简单的方法是在
/connections/resources/web/_style?include=com.ibm.lconn.core.styles.oneui3/base/standaloneVcard.css
和随附的子画面图片，然后改用
loadCssFiles=false。这将添加以下类：
lotusui lotusui30dojo lotusui30_body lotusui30_fonts lotusui30 lotusSpritesOn
至
<span id="semtagmenu" role="tooltip" style="...">...</span>
反过来，它仅针对样式将悬停触发的名片作为目标。