HTML/CSS - div 的半透明背景？旁边有滚动条

Question

您好，我正在寻找解决方案: http://www.delightfulwoman.pl/depilacja-laserowa/

当您单击左侧的链接时，右侧框中的文本会发生变化...我只是想知道如何制作那个 CornerRounded SemiTransparent div 背景，滚动条在它旁边，而不是在它里面。

你会说我可以查看源文件，但我不太擅长 CSS，我看不到那里的透明度或不透明度 :s 或类似的东西。

Answer 1

该网站使用图像作为该 DIV 的背景。他们使用的是支持透明度的 PNG 文件。因此，在 DIV (.o_right_cont) 的 CSS 中，他们使用了圆形和半透明框的图像，而不是任何花哨的 CSS。

在那个 DIV 的内部，他们有另一个 DIV (.ofe_desc)。他们将溢出设置为自动，以便在内容大于 DIV 时显示滚动条。

 .o_right_cont {
        background: url(gfx/cennik_bg.png) no-repeat;
        width: 670px;
        height: 420px;
        float: left;
        margin: 10px 0px 0px 30px;
        text-align: left;
        padding: 10px;
    }

    .ofe_desc {
        width: 662px;
        height: 400px;
        text-align: left;
        overflow: auto;
        line-height: 15px;
        padding: 8px 30px 8px 8px;
    }

如果您有任何问题，请告诉我。

亲切的问候，- 克里斯