From d10da93ad3a7b0ffff88aa57b197b65d6f234018 Mon Sep 17 00:00:00 2001 From: MDN Date: Wed, 10 Nov 2021 00:49:50 +0000 Subject: [CRON] sync translated content --- files/zh-cn/_redirects.txt | 5 +- files/zh-cn/_wikihistory.json | 16 +-- files/zh-cn/conflicting/web/css/cursor/index.html | 126 +++++++++++++++++++++ .../index.html | 126 --------------------- 4 files changed, 137 insertions(+), 136 deletions(-) create mode 100644 files/zh-cn/conflicting/web/css/cursor/index.html delete mode 100644 files/zh-cn/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html (limited to 'files/zh-cn') diff --git a/files/zh-cn/_redirects.txt b/files/zh-cn/_redirects.txt index c556ba1986..5c69868bdc 100644 --- a/files/zh-cn/_redirects.txt +++ b/files/zh-cn/_redirects.txt @@ -82,7 +82,7 @@ /zh-CN/docs/CSS/calc /zh-CN/docs/Web/CSS/calc() /zh-CN/docs/CSS/clip /zh-CN/docs/Web/CSS/clip /zh-CN/docs/CSS/cursor /zh-CN/docs/Web/CSS/cursor -/zh-CN/docs/CSS/cursor/url /zh-CN/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +/zh-CN/docs/CSS/cursor/url /zh-CN/docs/conflicting/Web/CSS/cursor /zh-CN/docs/CSS/display /zh-CN/docs/Web/CSS/display /zh-CN/docs/CSS/flex-grow /zh-CN/docs/Web/CSS/flex-grow /zh-CN/docs/CSS/float /zh-CN/docs/Web/CSS/float @@ -1715,6 +1715,7 @@ /zh-CN/docs/Web/CSS/CSS_Background_and_Borders/Box-shadow_generator /zh-CN/docs/Web/CSS/CSS_Backgrounds_and_Borders/Box-shadow_generator /zh-CN/docs/Web/CSS/CSS_Background_and_Borders/圆角边框发生器 /zh-CN/docs/Web/CSS/CSS_Backgrounds_and_Borders/Border-radius_generator /zh-CN/docs/Web/CSS/CSS_Backgrounds_and_Borders/Scaling_background_images /zh-CN/docs/Web/CSS/CSS_Backgrounds_and_Borders/Resizing_background_images +/zh-CN/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property /zh-CN/docs/conflicting/Web/CSS/cursor /zh-CN/docs/Web/CSS/CSS_Box_Model/Box-shadow_generator /zh-CN/docs/Web/CSS/CSS_Backgrounds_and_Borders/Box-shadow_generator /zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/Flexbox_的_向下_支持 /zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/Backwards_Compatibility_of_Flexbox /zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/典型_用例_的_Flexbox /zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox @@ -1752,7 +1753,7 @@ /zh-CN/docs/Web/CSS/clamp /zh-CN/docs/Web/CSS/clamp() /zh-CN/docs/Web/CSS/counter /zh-CN/docs/Web/CSS/counter() /zh-CN/docs/Web/CSS/counters /zh-CN/docs/Web/CSS/counters() -/zh-CN/docs/Web/CSS/cursor/url /zh-CN/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +/zh-CN/docs/Web/CSS/cursor/url /zh-CN/docs/conflicting/Web/CSS/cursor /zh-CN/docs/Web/CSS/element /zh-CN/docs/Web/CSS/element() /zh-CN/docs/Web/CSS/env /zh-CN/docs/Web/CSS/env() /zh-CN/docs/Web/CSS/filter-function/blur /zh-CN/docs/Web/CSS/filter-function/blur() diff --git a/files/zh-cn/_wikihistory.json b/files/zh-cn/_wikihistory.json index f3ae0618d0..88c5dd775d 100644 --- a/files/zh-cn/_wikihistory.json +++ b/files/zh-cn/_wikihistory.json @@ -26023,14 +26023,6 @@ "namklaw" ] }, - "Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property": { - "modified": "2019-03-23T23:32:59.999Z", - "contributors": [ - "xgqfrms-GitHub", - "teoli", - "ziyunfei" - ] - }, "Web/CSS/CSS_Box_Alignment": { "modified": "2020-02-11T06:02:03.390Z", "contributors": [ @@ -47516,6 +47508,14 @@ "Chajn" ] }, + "conflicting/Web/CSS/cursor": { + "modified": "2019-03-23T23:32:59.999Z", + "contributors": [ + "xgqfrms-GitHub", + "teoli", + "ziyunfei" + ] + }, "conflicting/Web/CSS/easing-function": { "modified": "2020-10-15T21:21:10.131Z", "contributors": [ diff --git a/files/zh-cn/conflicting/web/css/cursor/index.html b/files/zh-cn/conflicting/web/css/cursor/index.html new file mode 100644 index 0000000000..fe2630c599 --- /dev/null +++ b/files/zh-cn/conflicting/web/css/cursor/index.html @@ -0,0 +1,126 @@ +--- +title: Using URL values for the cursor property +slug: conflicting/Web/CSS/cursor +tags: + - Cursor + - URL +translation_of: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +original_slug: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +--- +

Gecko 1.8 (Firefox 1.5，SeaMonkey 1.0) 支持CSS的URL值 {{cssxref("cursor")}} 属性在Windows和Linux。Mac支持是在Gecko 2（Firefox 4）中添加的。这允许将任意图像指定为鼠标光标 - 可以使用Gecko支持的任何图像格式。

+ +

语法

+ +

此属性的基本（CSS 2.1）语法是：

+ +
cursor: [<url>,]* keyword;
+
+ +

这意味着可以指定零个或多个URL（逗号分隔），后面必须跟随CSS规范中定义的一个关键字，例如 auto或 pointer。

+ +

例如，将允许以下值：

+ +
cursor: url(foo.cur), url(http://www.example.com/bar.gif), auto;
+
+ +

首先尝试加载 foo.cur。如果文件不存在或者其它无效原因，bar.gif被尝试加载，如果bar.gif不能被加载，那么使用auto。

+ +

在Gecko 1.8beta3 (Deer Park Alpha 2)中加入了对CSS3 语法的指针属性的支持。

+ +
cursor:  [<uri> [<x> <y>]?,]* keyword
+ +

因此，它能在Firefox 1.5中工作。它允许定义指针的热点，加强对指针图橡的边界的控制。如果一个也没有设置，指针的热点会从文件本身读取（适合CUR和XBM文件类型）。否则，设置成图像的左上角。一个CSS3语法的例子：

+ +
.foo  {
+    cursor:  auto;
+    cursor:  url(cursor1.png) 4 12, auto;
+}
+
+.bar  {
+    cursor:  pointer;
+    cursor:  url(cursor2.png) 2 2, pointer;
+}
+
+/*
+fallsback onto 'auto' and 'pointer' in IE,
+but must be set separately
+*/
+ +

第一个数字是X坐标，第二个数字是Y坐标。该示例将热点设置为从左上角（0,0）到（4,12）处的像素。

+ +

局限性

+ +

可以使用任何被Gecko所支持的图像格式。这意味着你可以使用BMP，JPG，CUR，GIF等等。可是，ANI不被支持。还有即使你定义一个GIF动画，指针也不会变成GIF动画。这个局限性可能在以后的版本去掉。

+ +

Gecko它本身不能限制被替换的指针大小。无论如何，你应该自己限制图像的最大值在32x32，以便兼容各种平台的操作系统。尤其是大于这个尺寸的指针不能在Windows 9x (95，98，ME）下工作。

+ +

透明效果的指针在Windows XP以前都不被支持。这是操作系统的一个局限性。透明效果可以在所有平台下工作。

+ +

只 有Windows，OS/2和Linux（使用Gtk+ 2.4及更高版本）的Mozilla版本支持光标属性的URL参数。其它版本可能在以后的版本中加入支持(Mac OS: {{ Bug(286304) }}, QNX Neutrino: {{ Bug(286307) }}, XLib: {{ Bug(286309) }}, Qt: {{ Bug(286310) }}, BeOS: {{ Bug(298184) }}, Gtk 2.0/2.2: {{ Bug(308536) }})。

+ +

关于其它浏览器的兼容性

+ +

Microsoft Internet Explorer 6.0还支持cursor属性的URI值。然而：

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
BrowserLowest versionformats (e.g.)x-y-coordinates
Internet Explorer6.0.cur | .ani---
Firefox (Gecko), Windows and Linux1.5 (1.8).cur | .png | .gif | .jpg1.5 (1.8)
Firefox (Gecko)4.0 (2.0).cur | .png | .gif | .jpg | .svg(Gecko 2.0)
Opera---------
Safari (Webkit)3.0 (522-523).cur | .png | .gif | .jpg3.0 (522-523)
Since OS X 10.5 supports Safari (Mac) .curfiles
+ +

它也使用不严格的光标属性语法。例如像这样的参数：

+ +
cursor: url(foo.cur);
+
+ +

或者：

+ +
cursor: url(foo.cur), pointer, url(bar.cur), auto;
+
+ +

可以在MSIE上工作，但是不能在Gecko上面工作。因为Gecko的兼容性与CSS的规范一致，URIs表始终放置在前面，在最后放置正确的关键字。

+ +

 

diff --git a/files/zh-cn/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html b/files/zh-cn/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html deleted file mode 100644 index e77cea2ec5..0000000000 --- a/files/zh-cn/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html +++ /dev/null @@ -1,126 +0,0 @@ ---- -title: Using URL values for the cursor property -slug: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property -tags: - - Cursor - - URL -translation_of: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property -original_slug: Web/CSS/cursor/url ---- -

Gecko 1.8 (Firefox 1.5，SeaMonkey 1.0) 支持CSS的URL值 {{cssxref("cursor")}} 属性在Windows和Linux。Mac支持是在Gecko 2（Firefox 4）中添加的。这允许将任意图像指定为鼠标光标 - 可以使用Gecko支持的任何图像格式。

- -

语法

- -

此属性的基本（CSS 2.1）语法是：

- -
cursor: [<url>,]* keyword;
-
- -

这意味着可以指定零个或多个URL（逗号分隔），后面必须跟随CSS规范中定义的一个关键字，例如 auto或 pointer。

- -

例如，将允许以下值：

- -
cursor: url(foo.cur), url(http://www.example.com/bar.gif), auto;
-
- -

首先尝试加载 foo.cur。如果文件不存在或者其它无效原因，bar.gif被尝试加载，如果bar.gif不能被加载，那么使用auto。

- -

在Gecko 1.8beta3 (Deer Park Alpha 2)中加入了对CSS3 语法的指针属性的支持。

- -
cursor:  [<uri> [<x> <y>]?,]* keyword
- -

因此，它能在Firefox 1.5中工作。它允许定义指针的热点，加强对指针图橡的边界的控制。如果一个也没有设置，指针的热点会从文件本身读取（适合CUR和XBM文件类型）。否则，设置成图像的左上角。一个CSS3语法的例子：

- -
.foo  {
-    cursor:  auto;
-    cursor:  url(cursor1.png) 4 12, auto;
-}
-
-.bar  {
-    cursor:  pointer;
-    cursor:  url(cursor2.png) 2 2, pointer;
-}
-
-/*
-fallsback onto 'auto' and 'pointer' in IE,
-but must be set separately
-*/
- -

第一个数字是X坐标，第二个数字是Y坐标。该示例将热点设置为从左上角（0,0）到（4,12）处的像素。

- -

局限性

- -

可以使用任何被Gecko所支持的图像格式。这意味着你可以使用BMP，JPG，CUR，GIF等等。可是，ANI不被支持。还有即使你定义一个GIF动画，指针也不会变成GIF动画。这个局限性可能在以后的版本去掉。

- -

Gecko它本身不能限制被替换的指针大小。无论如何，你应该自己限制图像的最大值在32x32，以便兼容各种平台的操作系统。尤其是大于这个尺寸的指针不能在Windows 9x (95，98，ME）下工作。

- -

透明效果的指针在Windows XP以前都不被支持。这是操作系统的一个局限性。透明效果可以在所有平台下工作。

- -

只 有Windows，OS/2和Linux（使用Gtk+ 2.4及更高版本）的Mozilla版本支持光标属性的URL参数。其它版本可能在以后的版本中加入支持(Mac OS: {{ Bug(286304) }}, QNX Neutrino: {{ Bug(286307) }}, XLib: {{ Bug(286309) }}, Qt: {{ Bug(286310) }}, BeOS: {{ Bug(298184) }}, Gtk 2.0/2.2: {{ Bug(308536) }})。

- -

关于其它浏览器的兼容性

- -

Microsoft Internet Explorer 6.0还支持cursor属性的URI值。然而：

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
BrowserLowest versionformats (e.g.)x-y-coordinates
Internet Explorer6.0.cur | .ani---
Firefox (Gecko), Windows and Linux1.5 (1.8).cur | .png | .gif | .jpg1.5 (1.8)
Firefox (Gecko)4.0 (2.0).cur | .png | .gif | .jpg | .svg(Gecko 2.0)
Opera---------
Safari (Webkit)3.0 (522-523).cur | .png | .gif | .jpg3.0 (522-523)
Since OS X 10.5 supports Safari (Mac) .curfiles
- -

它也使用不严格的光标属性语法。例如像这样的参数：

- -
cursor: url(foo.cur);
-
- -

或者：

- -
cursor: url(foo.cur), pointer, url(bar.cur), auto;
-
- -

可以在MSIE上工作，但是不能在Gecko上面工作。因为Gecko的兼容性与CSS的规范一致，URIs表始终放置在前面，在最后放置正确的关键字。

- -

 

-- cgit v1.2.3-54-g00ecf