css過濾器
『壹』 css過濾器問題 急 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
你是利用濾鏡讓IE6支持PNG透明吧,呵呵,這個bug解決辦法很簡單:給a加上position:relative;不過這里要提版醒你,你這里的image路徑是相對路徑,那權么值得注意的是,這個相對路徑是根據html相對的,而不是CSS,所以當你發布的時候會發現一堆問題,所以,這里建議還是放到外網,使用絕對路徑。哦,我看錯了,你是指背景拉伸么,那麼你這樣寫有考慮到兼容問題么?
『貳』 spring mvc 過濾器有幾種
1. 使用spring mvc resource 去讀取靜態文件
比如在 WEN-INF 下建立static 文件夾,並在 static 文件夾裡面建立css 文件夾,然後建立 1.css 文件.
修改 mvc-dispatcher-servlet.xml 文件
程序代碼
<mvc:resources mapping="/static/**" location="/WEB-INF/static/"/>
這樣配置之後,可以通過 http://your-ip:port/your-app/static/css/1.css 直接訪問了。
2. 採用 default servlet
在 web.xml 裡面配置
程序代碼
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>/static/*</url-pattern>
</servlet-mapping>
這樣做了之後,所有前綴為static 的請求都交給default servlet 去處理。如果你請求 http://your-ip:port/your-app/static/css/1.css ,就表示在 webcontent 目錄下的css文件夾下的1.css文件。
3. 通過文件擴展名進行處理
在 web.xml 裡面配置
程序代碼
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.png</url-pattern>
<url-pattern>*.js</url-pattern>
<url-pattern>*.css</url-pattern>
</servlet-mapping>
4. 對spring servlet 不用restful 風格。在url 上加上前綴
程序代碼
<servlet-mapping>
<servlet-name>mvc-dispatcher</servlet-name>
<url-pattern>/app</url-pattern>
</servlet-mapping>
這樣做的目的是讓 dispatchservlet 去攔截以/app 開頭的那些 URL,並不攔截css,js等。
5. 對spring servlet 不用restful 風格。在url 上加上後綴
程序代碼
<servlet-mapping>
<servlet-name>mvc-dispatcher</servlet-name>
<url-pattern>*.do</url-pattern>
</servlet-mapping>
這樣做的目的是讓 dispatchservlet 只攔截*.do 的url. 並不攔截css,js等。
上面介紹的5種方法,根據情況自己任意選擇一種,現在沒辦法說那種好,那種方法不好,都有可取之處,用在不同的場景而已。
『叄』 Dreamweaver cs6中CSS樣式里的過濾器沒有效果怎麼回事兒
你這個只有ie8以下才有效果吧,這個filter是濾鏡 只有ie能識別
『肆』 急!如何讓過濾器不過濾頁面中引用的CSS或JS頁面
對於這種,我說兩種方法:
1、將你所有的JSP頁面單獨放在一個文件夾里(假如專jspPage),jspPage文件夾里可根據類別分屬若乾子文件夾,再把相對應的JSP放在子文件夾里;
JS、CSS及圖片等分別放在外面的文件夾里(與文件夾jspPage並列)
再:<url-pattern>/jspPage/*</url-pattern>就行了
一般用的就是這種
2、在過濾的JAVA文件中,在doFilter方法里進行判斷,將後綴名為.css、.js等直接設置為通過就行了,這種較為復雜,在一些特殊情況下才用到,一般不推薦
『伍』 DW動態CSS樣式表過濾器預覽不出現效果
你的圖片地址是和網頁存在一個文件夾里嗎?
我試過你的代碼了,我用網內上的圖片地址容可以運行起來
不過我沒有用DW是直接復制你的代碼,修改了圖片地址,保存成網頁運行起來的.
我想在你那裡之所以會出現那樣的問題,可能是你的圖片地址有問題,或者你那網頁沒保存不能瀏覽!
『陸』 Dreamweaver cs6 css樣式擴展里的過濾器為什麼沒有作用啊
這位網友你好,過濾器效果應該是css3新加的屬性動畫效果,你最好是用chrome瀏覽器查看,如果再看不到效果,應該是你代碼的問題。下面是個例子,你可以復制查看一下效果。
<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>demo</title>
<scriptsrc="js/jquery-1.10.2.min.js"></script>
<styletype="text/css">
*{
padding:0;
margin:30px;
}
.me{
width:60px;
height:60px;
background-color:red;
}
#div{
-webkit-transition:all3slinear0s;
-moz-transition:all3slinear0s;
-ms-transition:all3slinear0s;
-o-transition:all3slinear0s;
transition:all3slinear0s;
}
#div:hover{background-color:#93F;}
</style>
</head>
<body>
<divclass="me"id="div"></div>
</body>
</html>
『柒』 css怎樣取消filter 過濾器 漸變
css怎樣取消filter 過濾器 漸變
兩種方法: 1、將你所有的JSP頁面單獨放在一個文件內夾里(假如jspPage),jspPage文件夾里可根據類別容分若乾子文件夾,再把相對應的JSP放在子文件夾里; JS、CSS及圖片等分別放在外面的文件夾里(與文件夾jspPage並列) 再:/jspPage/*...
『捌』 CSS樣式 過濾器的問題!
濾鏡效果 | 功能描述
-----------------------------------------------
Alpha | 設置不同的透明度變化效果
-----------------------------------------------
Blur | 建立模糊效果
-----------------------------------------------
DropShadow| 建立一種偏移的影象輪廓,即投射陰影
-----------------------------------------------
FlipH | 水平翻轉
-----------------------------------------------
FlipV | 垂直翻轉
-----------------------------------------------
Glow | 為對象的邊界增加色彩光效
-----------------------------------------------
Gray | 將圖片以灰度形式顯示
-----------------------------------------------
Invert | 將色彩、飽和度以及亮度值完全反轉,類似底片效果
-----------------------------------------------
Light | 在一個對象上進行燈光投影
-----------------------------------------------
Mask | 為一個對象建立彩色透明遮罩
-----------------------------------------------
Shadow | 為對象建立輪廓的影效果
-----------------------------------------------
Wave | 在X軸和Y軸方向利用正弦波打亂圖片
-----------------------------------------------
Xray | 只顯示對象的輪廓
-----------------------------------------------
----------------括弧裡面的是參數。-------------
細致的解釋看下面:
1、Alpha 濾鏡
"Alpha"屬性是把一個目標元素與背景混合。設計者可以指定數值來控制混合的程度。這種「與背景混合」通俗地說就是一個元素的透明度。通過指定坐標,可以指定各種不同范圍的透明度。
Alpha 濾鏡語法
{FILTER:ALPHA(opacity=opacity,finishopacity=finishopacity,
style=style,startx=startx,
starty=starty,finishx=finishx,finishy=finishy)}
參數含義分別如下:
參數 說明
opacity 透明度。默認的范圍是從0 到 100,他們其實是百分比的形式。也就是說,0代表完全透明,100代表完全不透明。
finishopacity 是一個可選參數,如果想要設置漸變的透明效果,就可以使用他們來指定結束時的透明度。范圍也是0 到 100。
style 指定透明區域的形狀特徵:
0 代表統一形狀
1 代表線形
2 代表放射狀
3 代表矩形
startx 漸變透明效果開始處的 X坐標。
starty 漸變透明效果開始處的 Y坐標。
finishx 漸變透明效果結束處的 X坐標。
finishy 漸變透明效果結束處的 Y坐標。
2、Blur 濾鏡
用手指在一幅尚未乾透的畫面迅速劃過時,畫面就會變得模糊。」Blur"就是產生同樣的模糊效果。
Blur濾鏡語法 HTML:{filter:blur(add=add,direction=direction,
strength=strength)}
Script語言: [oblurfilter=] object.filters.blur
參數含義分別如下:
參數 說明
add 它指定圖片是否被改變成印象派的模糊效果。模糊效果是按順時針的方向進行的,
這是一個布爾值:ture (默認)或false
direction 該參數用來設置模糊的方向。
0度代表垂直向上,每45度為一個單位,默認值是向左的270度
strength 只能使用整數來指定,代表有多少像素的寬度將受到模糊影響,默認是5個像素。
3、DropShadow 濾鏡
「DropShaow",顧名思義就是添加對象的陰影效果。其工作原理是建立一個偏移量,加上色彩。
DropShadow 濾鏡語法 {filter:dropshadow
(color=color,offx=ofx,offy=offy,positive=positive)}
參數含義如下:
參數 說明
Color 代表投射陰影的顏色
offx X方向陰影的偏移量
offy Y方向陰影的偏移量
Positive 布爾值
如果為TRUE(非0),就為任何的非透明像素建立可見的投影
如果為FASLE(0),就為透明的像素部分建立透明效果
4、FlipH, FlipV 濾鏡
FlipH 濾鏡實現水平反轉
FlipH 濾鏡語法 {filter:filph}
FlipV 濾鏡實現垂直反轉
FlipV 濾鏡語法 {filter:filpv}
5、Glow 濾鏡
對一個對象使用"glow"屬性後,這個對象的邊緣就會產生類似發光的效果。
Glow 濾鏡語法 {filter:glow(color=color,strength)}
參數含義如下:
參數 說明
Color 指定發光的顏色
STRENGTH 強度,值為1到255之間的任何整數,指定發光色力度和范圍。
6、Gray 濾鏡
使用Gray濾鏡可以把一張圖片變成灰度圖,語法很簡單:
Gray 濾鏡語法 {filter:gray}
7、Invert濾鏡
使用Invert濾鏡可以把對象的可視化屬性全部翻轉,包括色彩、飽和度、和亮度值
Invert 濾鏡語法 {filter:invert}
8、Xray濾鏡
使用Xray濾鏡可以讓對象反映出它的輪廓並把這些輪廓加亮,類似於所謂的「X」光片。
Xray 濾鏡語法 {filter:xray}
9、Mask 濾鏡
Mask 濾鏡語法 {filter:mask(color=color)}
使用"MASK"屬性可以為對象建立一個覆蓋於表面的膜,其效果就象戴著有色眼鏡看物體一樣 。
10、Light 濾鏡
Light 濾鏡語法 {filter:light}
這個屬性模擬光源的投射效果。一旦為對象定義了「LIGHT"濾鏡屬性,那麼就可以調用它的「方法(Method)"來設置或者改變屬性。「LIGHT"可用的方法有:
參數 說明
AddAmbient 加入包圍的光源
AddCone 加入錐形光源
AddPoint 加入點光源
Changcolor 改變光的顏色
Changstrength 改變光源的強度
Clear 清除所有的光源
MoveLight 移動光源
我們可以定義光源的虛擬位置,以及通過調整X軸和Y軸的數值來控制光源焦點的位置,還可以調整光源的形式(點光源或者錐形光源)指定光源是否模糊邊界、光源的顏色、亮度等屬性。如果動態的設置光源,可能會產生一些意想不到的效果。
11、Shadow 濾鏡
Shadow 濾鏡
語法 {filter:shadow(color=color,direction=direction)}
利用「Shadow」屬性可以在指定的方向建立物體的投影,COLOR是投影色,DIRECTION是設置投影的方向。其中0度代表垂直向上,然後每45度為一個單位。它的默認值是向左的270度。
12、Wave 濾鏡
Wave 濾鏡
語法 {filter:wave(add=add,freq=freq,
lightstrength=strength,
phase=phase,strength=strength)}
參數 說明
wave 把對象按垂直的波形樣式打亂。
默認是 TRUE(非0)
ADD 是否要把對象按照波形樣式打亂
FREQ 波紋的頻率,也就是指定在對象上一共需要產生多少個完整的波紋
LIGHTSTRENGTH 可以對於波紋增強光影的效果,范圍0----100
PHASE 設置正弦波的偏移量
STRENGTH 振幅大小
--------------------------------------------------------------
內容很多,慢慢看。還有這個問題發到電腦那塊的話肯定有很多人回答的。
資料來天極網~
『玖』 Struts2 配置了登錄過濾器後,登錄界面不能載入css和js
判斷一下過濾的url
Stringurl=((HttpServletRequest)request).getRequestURL().toString();
不要攔截js和css文件
『拾』 如何解決過濾器要過濾掉js,css的問題
(function(){
window.Mask = {version:1.0};
var D=new Function('obj','return document.getElementById(obj);');
var oevent=new Function('e','if (!) e = window.event;return e');
Mask.Login = function()
{
$("mask").style.display = "block";
$("mask").style.position = "absolute";
$("mask").style.top = "0px";
$("mask").style.left = "0px";
//$("mask").style.width = "100%";
//$("mask").style.height = document.documentElement.clientWidth + "px";//document.body.clientHeight + "px";
$("mask").style.width = document.documentElement.scrollWidth + "px";
$("mask").style.height = document.documentElement.scrollHeight + "px";//document.body.clientHeight + "px";
$("mask").className = "b";
$("mask").style.zIndex = "3";
$("mask").style.filter = "alpha(opacity=40)";
$("mask").style.opacity = "0.4";
$("mask").style.backgroundColor = "#000000";
}
})();