寫作背景: 覓兼職--登陸頁面,UI給的原型圖很漂亮,其中有一個圖要求div外面有一圈透明度為0.37且帶有漸變的邊框。效果圖如下: 在寫的時候遇到了一點小小的問題:無法給同一個div設置圓角的透明+漸變邊框。但是,又不能不做是不是,費了一番心思查資料,下面是解決方案 ...
做項目的時候遇到了一個問題:要求是有多個無邊框的div同時排列,當鼠標經過div時,背景變色,顯示 px的邊框顏色。 在制作過程中,由於div在hover時添加邊框,則width增加了 px,當前div會位移,同時影響了排列在后面的div也會出現位移。 解決方法:設置div的邊框為 px且透明,div border: px solid transparent 由於ie 下不支持邊框透明需要做兼容 ...
2012-10-10 09:59 0 3396 推薦指數:
寫作背景: 覓兼職--登陸頁面,UI給的原型圖很漂亮,其中有一個圖要求div外面有一圈透明度為0.37且帶有漸變的邊框。效果圖如下: 在寫的時候遇到了一點小小的問題:無法給同一個div設置圓角的透明+漸變邊框。但是,又不能不做是不是,費了一番心思查資料,下面是解決方案 ...
-webkit-box-shadow: 1px 0px 15px #696969; background: rgba(255, 255, 255, 0.45) none repeat scroll ...
首先要說明的是背景是內容的祖先元素。如果是兄弟節點那就沒有必要記錄這篇文章了。 記錄一下,知其然也知其所以然。 IE8-特點: 1.不支持"opcity:0.5;"這種寫法,只支持"filter:alpha(opacity=50)"。 2.如果背景元素擁有css屬性設置 ...
用一個大的div來包裹陰影層(半透明div)和p標記,p標記要放在陰影層之外;然后利用position:absolute、z-index、background-color、opacity、filter:alpha(opacity)等等樣式,就能實現想要的效果。 效果 ...
要使 ie8 的 iframe 的透明,需要設置兩點:設置 iframe 的 allowTransparency 屬性值為 true:<iframe allowtransparency="true" src="test1.html" width="200" height="126"> ...
div的透明度設置 div的透明度屬性為opacity: #bg{ height:300px; width:500px; background-color:#60F; opacity:0.5;} 動態控制div透明 ...
在說到這個問題的時候,也許有人會問CSS中不是有vertical-align屬性來設置垂直居中的嗎?即使是某些瀏覽器不支持我只需做少許的CSS Hack技術就可以啊!所以在這里我還要啰嗦兩句,CSS中的確是有vertical-align屬性,但是它只對(X)HTML元素中擁有valign特性 ...
一個簡單的可拖動div,隨着鼠標的移動,div可隨之走動 主要思路: 一個div,注冊監聽onmousedown事件,然后處理獲取的對象及其相關值(對象高度,clientX/clientY位置等) 並繼而轉為監測onmousemove事件,在鼠標移動事件中更新div對象的位置屬性 ...