如何让网页视图的一部分稍微半透明？

Question

在Objective-C 和Mac OSX Cocoa 中，有什么方法可以使WebView 上的DIV 稍微半透明，以便窗口后面的桌面应用程序略微渗出，但仅限于@987654326 @ 而不是 WebView 的其余部分？

或者也许我可以使整个 WebView 半透明，但对所有 DIVs 关闭它，除了一个 DIV？

我有一个WebView 正在加载一个网页。在网页中，我在左侧有一个侧边栏，然后在右侧有一个IFRAME。我单击侧边栏上的项目，它们会更改右侧的 IFRAME 页面。我想让这个侧边栏稍微半透明。

到目前为止，在我的AppDelegate.m 中，我的HTML 和BODY 标签设置为background:none，我的侧边栏设置为background:rgba(0,0,0,0.5)，但我最终看到的只是一个灰色侧边栏背景。这就像 webview 本身想要确保它的背景设置为透明以外的颜色。

- (void)applicationDidFinishLaunching:(NSNotification *)aNotification
{
  // note that _window and _wv are outlet properties to my window and webview widgets
  [_window setBackgroundColor:[NSColor clearColor]];
  [_window setOpaque:NO];

  [_wv.layer setBackgroundColor:[NSColor clearColor].CGColor];
  [_wv.layer setOpaque:NO];
}

Answer 1

相关的分步教程和示例：

http://stylekit.org/blog/2016/01/23/Chromeless-window/

设置半透明：

1. 将您的 NSWindow 子类的 styleMask 设置为 NSFullSizeContentViewWindowMask（这样半透明也将在标题栏区域可见，将其省略，标题栏区域将为空白）
2. 设置self.titlebarAppearsTransparent = true（隐藏标题栏默认图形）
3. 将下面的代码添加到您的 NSWindow 子类中：（您现在应该有一个半透明窗口）

.

let visualEffectView = NSVisualEffectView(frame: NSMakeRect(0, 0, 0, 0))//<---the width and height is set to 0, as this doesn't matter. 
visualEffectView.material = NSVisualEffectMaterial.AppearanceBased//Dark,MediumLight,PopOver,UltraDark,AppearanceBased,Titlebar,Menu
visualEffectView.blendingMode = NSVisualEffectBlendingMode.BehindWindow//I think if you set this to WithinWindow you get the effect safari has in its TitleBar. It should have an Opaque background behind it or else it will not work well
visualEffectView.state = NSVisualEffectState.Active//FollowsWindowActiveState,Inactive
self.contentView = visualEffectView/*you can also add the visualEffectView to the contentview, just add some width and height to the visualEffectView, you also need to flip the view if you like to work from TopLeft, do this through subclassing*/

Answer 2

是的，只需将您的WebView 实例的drawsBackground 属性设置为NO，然后确保使用CSS 填充您希望不透明的页面部分。