2017-09-01 112 views
1

我試圖通過CSS3過濾器,以改善一些圖像的分辨率,自動編輯它,你可以找到很多的過濾器在這個環節https://www.w3schools.com/cssref/css3_pr_filter.asp如何離子應用圖像CSS3濾鏡2

什麼辦法,我問題是當我試圖在img標籤中使用id或class來將過濾器應用於一個圖像時,則不會發生更改。

這是我的代碼示例例如

<img src="{{noteImg.url}}" style="height:135px !important; margin=0px -webkit-filter: contrast(200%); filter: contrast(200%);" #imageToView (click)="viewImg(imageToView)"/> 

,而不是我想申請上的一些圖像的效果。

+0

添加工作的例子,你可能有一些錯誤的語法/名/屬性... – Dekel

+0

@Dekel你可以看到我的代碼爲img標籤.. –

+0

你的css與那個圖像特別相關? – Dekel

回答

1

你必須與style屬性的內容的問題:

<img src="{{noteImg.url}}" style="height:135px !important; margin: 0; -webkit-filter: contrast(200%); filter: contrast(200%);" #imageToView (click)="viewImg(imageToView)"/> 
1

在你的page-name {}中使用你的Css。 如: 它將被應用到僅此求佛頁

page-yourPagename { 
img { 
    -webkit-filter: contrast(200%); /* Safari */ 
    filter: contrast(200%); 
} 
} 

或者嘗試使用類名。

page-yourPagename { 
.image { 
    -webkit-filter: contrast(200%); /* Safari */ 
    filter: contrast(200%); 
} 
} 
+0

我用我的代碼編輯了問題。有什麼錯誤嗎? –

+1

@AliH根據我的理解,我沒有得到'margin = 0px',它應該是'margin:0xp;'用分號。否則你的代碼看起來很好。 –

+0

你是對的,現在的工作..非常感謝你 –