CSS密碼可見隱藏交替是一種常見的網頁開發技術，該技術利用CSS的特性，在輸入密碼時可以讓密碼以星號“*”或者黑點表示，也可以讓密碼直接顯示在輸入框里，使用戶更加方便地查看和輸入密碼。

首先，要實現密碼交替顯示效果，我們需要設置CSS的內容顯示方式。在CSS中，可以使用屬性“-webkit-text-security”來改變輸入框內的字符顯示方式，該屬性可以有以下四個值：

input[type=password]{
-webkit-text-security: none; /* 文字正常顯示 */
-webkit-text-security: disc; /* 文字用黑色圓點代替 */
-webkit-text-security: circle; /* 文字用空心圓代替 */
-webkit-text-security: square; /* 文字用黑色方塊代替 */
}

上面的代碼中使用了input[type=password]選擇器，表示選取所有類型為“password”的輸入框進行樣式設置，例如：

<input type="password" name="pwd" id="pwd">

接下來，我們可以利用JavaScript實現密碼可見隱藏效果的交替顯示。我們可以通過添加單擊事件來調用JavaScript函數，代碼如下：

function showPassword() {
var pwd = document.getElementById("pwd");
if (pwd.type == "password") { /* 如果當前輸入框隱藏密碼，則改為可見密碼 */
pwd.type = "text";
} else { /* 如果當前輸入框是可見密碼，則改為隱藏密碼 */
pwd.type = "password";
}
}

我們在HTML的密碼輸入框上添加單擊事件調用上述函數：

<input type="password" name="pwd" id="pwd" onclick="showPassword()">

這樣，當我們單擊密碼輸入框時，就可以實現密碼的交替顯示效果。

總之，利用CSS的密碼顯示方式屬性和JavaScript的點擊事件，可以很好地實現密碼可見隱藏效果的交替顯示，這對于我們來說是非常便捷和實用的。