Question

打开图层地图叠加弹出窗口不带背景颜色值。只有一行文字是白色的。其余的（2-4行）是透明的。

div.ol-popup {
    display: -moz-inline-stack;
    display: inline-block;
    width: fit-content; 
    height: fit-content;
    background: white !important;
    background-color: white !important;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    min-width: 280px;
    //https://stackoverflow.com/questions/450903/how-to-make-div-not-larger-than-its-contents
}

//点击

var element = popup.getElement();
$(element).html(istr); // $(element).text(istr);   //
$(element).addClass('ol-popup');
 $(element).css('.ol-popup', 'background-color: white !important;');
popup.setPosition(coo);

Answer 1

将您的代码放在Codepen上然后分享可能有助于更好地理解问题所在，但是根据我对您的帖子的理解，我认为您希望文本是某种颜色并且它不符合要求。

如果是这样的话，将color: white;添加到您的代码中，然后您可能希望将背景颜色设置为其他颜色，例如background-color: red;

css3背景颜色不起作用

1 个答案: