CSS中属性display与visibility优先级问题

<input type="text" id="test1" style="display:block;visibility: hidden" value="visiability"/>
<input type="text" id="test2" style="visibility: visible;display:none" value="display"/>

二者都不可见。
即，如果同时使用二者，则任一设为不可见，则该控件为不可见。

而对于js两者都可引用到如：
alert(document.getElementById("test1").value);
alert(document.getElementById("test2").value);
二者均可打印出值。

visible:hidden控件不可见，留下空白区域；
display:none属性会使这个对象彻底消失，不留下空白区域。